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

假如我们同时引入了lodashjquery

image

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

image

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

image

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

image

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

image

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

1.png

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

image

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

你可能感兴趣的:(2020-12-02Webpack 与浏览器缓存( Caching )(4.10.1))