webpack：DllPlugin和DllReferencePl

作者: 书中自有颜如玉__ | 来源:发表于2020-06-18 18:15 被阅读0次

项目结构:
src/下的每个目录对应一个子应用，都有自己的webpack文件。

image.png

最开始我将webpack.dll.config.babel.js文件放在根目录，导致提取一直不生效，搞了很久，基本查遍百度；直到看到如下大佬的在相关文字下的解释：

image.png

才恍然大悟，去查看生成的vendor-manifest.json文件内容，果然是

{ 
  "name":"vendor",
  "content":{"./node_modules/react/index.js"......

然后我想要的是../../node_modules/react/index.js，所以我就将webpack.dll.config.babel.js文件移动到src/portal目录下，即与其他应用开发目录位置同级，相应修改代码：

image.png

结果如愿，完美解决。

webpack：DllPlugin和DllReferencePl
项目结构:src/下的每个目录对应一个子应用，都有自己的webpack文件。最开始我将webpack.dll.c...
（转）使用webpack.DllPlugin与webpack.D
解决webpack打包速度太慢使用webpack插件webpack.DllPlugin与webpack.DllRe...
Webpack(七)：DllPlugin DllReferenc
一：什么是DllPlugin 和 DllReferencePlugin？作用是什么？在使用webpack进行打包...
webpack提升打包速度(DllPlugin 和 DllRef
一：什么是DllPlugin 和 DllReferencePlugin？作用是什么？在使用webpack进行打包...
webpack dllplugin
在项目开发中总会使用第三方库，这些第三方库一般是不会改变的，所以不需要每次进行编译，webpack可以把这部分公用...
vue首屏加载优化-2
基于DllPlugin 和 DllReferencePlugin 的 webpack 构建优化这一步并没有对项目...
webpack使用DllPlugin和DllReferenceP
项目在发布测试和生产环境前需要打包，而webpack默认使用commonChunkPlugin，该插件虽然可以将第...
webpack打包太慢了，怎么优化
使用最新的webpack 现在最新的webpack的版本是4.39.2，据说打包速度提升了不少 DllPlugin...
webpack中DllPlugin配置教程
我们可以通过配置DllPlugin来提高webpack的打包速度。 1. 在项目目录下新建 webpack.con...
19、webpack dllPlugin
webpack dllPlugin动态链接库文件，当三方链接库文件存在时，访问链接库文件，否则把三方库打包到文件中...