美文网首页
2020-12-02Webpack 与浏览器缓存( Cachin

2020-12-02Webpack 与浏览器缓存( Cachin

作者: 夏天的风2020 | 来源:发表于2020-12-11 18:35 被阅读0次

假如我们同时引入了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 与浏览器缓存( Cachin

    实际上,当我们打包之后,生成的dist目录下的这几个文件,应该是交给后端放到服务器上,服务器上就可以运行这些文件。...

  • 2020-12-02Webpack 与浏览器缓存( Cachin

    假如我们同时引入了lodash和jquery 然后运行打包npm run build,这个时候会报一个文件过大的警...

  • 了解一下浏览器的协商缓存以及nginx如何配置

    强缓存与协商缓存的区别 强缓存:浏览器不与服务端协商直接取浏览器缓存协商缓存:浏览器会先向服务器确认资源的有效性后...

  • 本地缓存

    浏览器缓存与本地缓存的区别 浏览器缓存: 只服务于单个网页 任何网页都具有网页缓存 不安全,不可靠,不知道网站缓存...

  • 浏览器缓存(http缓存)

    浏览器缓存有两种:强制缓存和协商缓存 浏览器缓存机制 浏览器发送请求,会先从浏览器缓存中查找【请求结果】和【缓存标...

  • 缓存、cookie、token、session、localSto

    一、缓存分类 服务器端缓存(CDN缓存) 客户端缓存(浏览器缓存); 二、浏览器缓存 强缓存:浏览器在加载资源时,...

  • 从URL到页面展示

    浏览器与服务器的交互 在浏览器输入URL 浏览器根据URL查找对应的域名的IP地址,查找顺序浏览器缓存-本机缓存-...

  • js浏览器相关

    缓存 关于缓存的好处与优点就不说了,简单说说浏览器的缓存机制。当浏览器向服务器发起请求时,首先会判断是否有缓存,如...

  • 协商缓存和强缓存

    浏览器缓存主要有两类:缓存协商和彻底缓存,也有称之为协商缓存和强缓存 浏览器缓存机制浏览器缓存(Brower Ca...

  • DSBD

    1.浏览器缓存 浏览器每次发起请求,都会先在浏览器缓存中查找该请求的结果以及缓存标识 强制缓存优先于协商缓存进...

网友评论

      本文标题:2020-12-02Webpack 与浏览器缓存( Cachin

      本文链接:https://www.haomeiwen.com/subject/kpurwktx.html