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

问题描述

问 题

比如，我想单独打包echarts，我做出以下尝试：

得到的结果是：

显然，echarts不只1K，所以这么做是不对的，但我不知道怎么做才是正确的。

---

为了跟上面的尝试做对比，我把我做的地方注释掉，如下图：

得到的结果：

app.XXX.js的大小竟然变了，是在搞不懂是哪出了问题。

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

解决方案

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
    )
  }

这篇关于javascript - vue-cli中修改webpack打包策略，某个第三方库单独打包怎么实现？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！