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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容