Webpack CommonsChunk 公共代码提取

  • easywebpack 4.10.0 开始,底层通过 optimization 实现公共提取,支持公共 jscss 提取, 提取的公共 chunk 文件名默认为 common . ** 默认是提取的是 node_modules 下依赖的公共文件,你可以通过配置 lib 支持指定的公共模块提取。另外,可以通过配置 **optimization 选项来覆盖默认配置(注意:css 和 js 的公共名字必须一样)
  • easywebpack 3.5.0 版本支持直接 webpack.config.js 文件添加 lib 节点配置即可完成 commonsChunk 公共库的配置。
module.exports = {
  lib:['vue','vuex','axios']
}

这样默认生成的功能代码文件名称为 common.js, 你可以通过如下方式进行自定义

module.exports = {
  lib:{
    name: 'commonlib',
    lib: ['vue','vuex','axios']
  }
}

Author: sky
Reprint policy: All articles in this blog are used except for special statements CC BY 4.0 reprint polocy. If reproduced, please indicate source sky !
 Previous
构建大小 构建大小
easywebpack-cli 构建大小分析在项目开发时, 当页面构建的文件太大, 我们可以直接通过 cli 提供功能进行构建大小分析通过 -s 参数启动构建大小分析工具, 支持 analyzer(webpack-bundle-analyzer) 和 stats(stats-webpack-plugin) , 默认用 analyzer 插件。如果运行时, 提示安装缺少插件,请先安装依赖开发模式分析easy build -s 测试模式分析, 移除开发辅助代码easy build test -s...
2019-10-20 sky
Next 
Vue 项目构建 Vue 项目构建
Webpack  原始配置编写// webpack.config.js const easywebpack = require('easywebpack-vue'); const webpack = easywebpack.webpack; const merge = easywebpack.merge; const env = process.env.BUILD_ENV; const baseWebpackConfig = easywebpack.getWebpackConfig...
2019-10-20 sky