zoukankan      html  css  js  c++  java
  • 优化webpack打包速度方案

    基本原理要么不进行打包;要么缓存文件,不进行打包;要么加快打包速度。

    不进行打包方案:

    1,能够用CDN处理的用CDN处理,比如项目引入的第三方依赖jquery.js,百度编辑器

    先进行打包或者缓存然后引入到项目中不进行打包的

    1,采用webpack插件:webpack.DllReferencePlugin ,将线上需要使用的包提前打包,引入到项目中

    加快打包速度的方案

    1,webpack-parallel-uglify-plugin  并行压缩

    2,启用loader缓存比如babel-loader

     {
            test: /.js$/,
            loader: 'babel-loader?cacheDirectory=true',
            include: [resolve('src'),resolve('test'), resolve('node_modules/webpack-dev-server/client')]
     }
    

      以上是目前项目中采用的,还有尝试性的方案

    1,使用fast-sass-loader代替sass-laoder

    2,减少webpack的寻址路径

    3,使用模块化方案引入模块功能

    4,升级webpack

    5,升级node.js

    6,使用cache-loader

  • 相关阅读:
    电感
    电容
    电阻
    函数异常规格说明
    异常处理深度解析
    自定义内存管理
    单例类模板
    数组类模板
    数组类模板
    类模板深度剖析
  • 原文地址:https://www.cnblogs.com/zhensg123/p/11133229.html
Copyright © 2011-2022 走看看