cpselvis / blog

记录平时的工作学习和一些思考
36 stars 2 forks source link

webpack 项目和依赖如何分开打包 #8

Open xuwentao93 opened 4 years ago

xuwentao93 commented 4 years ago

老师我之前在学习第33课的时候按照您的办法打包, 没有任何问题. 后面我自己打包了一个 react 组件包, 想发布在 npm 上安装到其他项目直接引入使用, 然而 react 报错说引入的东西太大了, 后面发现打包出来只有一个 js 文件, 它包含了我所有的依赖包和项目文件(总共有6MB, 即使压缩了也是2.6MB). 之后我尝试配置 webpack.config.dll.js 将 react, react-dom, antd 这种大的依赖包打包, 在其他 webpack 配置中通过 webpack.DllReferencePlugin 引入, 最后打包成功, 然而发布在 npm 上的时候, 这部分文件没有发布上去. 我想问的是:

  1. 有没有什么更好的办法将项目文件和依赖包分开来打包?
  2. 通过 webpack.config.dll.js 打包的 static 目录下的文件, 如何能够一并发布在 npm 上?
xuwentao93 commented 4 years ago

.