vue-cli中修改webpack打包策略,某个第三方库单独打包怎么实现?

比如,我想单独打包echarts,我做出以下尝试:
图片描述

得到的结果是:
图片描述
显然,echarts不只1K,所以这么做是不对的,但我不知道怎么做才是正确的。


为了跟上面的尝试做对比,我把我做的地方注释掉,如下图:
图片描述

得到的结果:
图片描述
app.XXX.js的大小竟然变了,是在搞不懂是哪出了问题。

我应该怎样才能配置使之单独将echarts模块单独打包呢?

阅读 6k
2 个回答

code split 是一种方法,如果要用 CommonsChunkPlugin 的话,minChunks 这么写:

  minChunks: function (module, count) {
    // any required modules inside node_modules are extracted to vendor
    return (
      module.resource &&
      /\.js$/.test(module.resource) &&
      module.resource.indexOf('echarts') > -1 // 注意有没有其他模块的名称也包含 echarts
    )
  }
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题