2020-12-02Webpack 与浏览器缓存( Caching )（4.10.1）

假如我们同时引入了lodash和jquery

image

然后运行打包npm run build,这个时候会报一个文件过大的警告

image

出现警告的原因是因为同时引入两个库，打包生成的文件会比较大，超过了要求的244kb

image

其实这个警告并不影响我们代码的运行，怎么去掉这个警告呢？ 在webpack.common.js里加一个配置项就行了,这个配置项作用就是不让webpack提示我们性能上的一些问题

image

之后运行打包就没有警告了，但是生成的打包文件名字太长了,
main.js放置的是我们的业务逻辑，
vendors~main.chunk.js放置的是node_modules下面的代码，
也就是jquery和lodash

image

此时我想打包出来的lodash和jquery存放的文件名是我指定的，比如vendors.chunks.js该怎么配置呢？

1.png

然后再打包，就会生成我们想要的文件名

image

链接：https://www.jianshu.com/p/b88e007d2de8