![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
编码博客控
这个作者很懒,什么都没留下…
展开
-
dll预编译提高webpack打包速度
一,webpack的dll功能基于webpack3构建1.1 dll介绍我们构建前端项目的时候,往往希望第三方库(vendors)和自己写的代码可以分开打包,因为第三方库往往不需要经常打包更新。对此Webpack的文档建议用CommonsChunkPlugin来单独打包第三方库我们这里的dll.js是提前打包好了的,而不是在每次build的时候去打包输出的;这样才能做到依赖...原创 2019-10-24 20:29:00 · 276 阅读 · 0 评论 -
webpack回顾篇
一、webpack简介1.1 版本更迭大版本变化1.2 功能进化Webpack V1编译、打包 HMR(模块热更新) 代码分割 文件处理Webpack V2Tree Shaking ES module 动态Import 新的文档Webpack V3Scope Hoisting(作用域提升) Magic Comments(配合...原创 2019-10-24 20:09:13 · 206 阅读 · 0 评论 -
webpack打包结果依赖分析
一、使用webpack-bundle-analyzer插件分析安装插件https://www.npmjs.com/package/webpack-bundle-analyzer npm install webpack-bundle-analyzer –save-dev 配置在package.json中传入环境变量ANALYZE,最后process....原创 2019-10-22 22:23:57 · 1461 阅读 · 0 评论 -
web前端进阶篇(二) 浏览器 Webpack
一、浏览器1 cookie和localSrorage、session、indexDB 的区别从上表可以看到,cookie 已经不建议用于存储。如果没有大量数据存储需求的话,可以使用 localStorage和 sessionStorage 。对于不怎么改变的数据尽量使用 localStorage 存储,否则可以用 sessionStorage 存储。对于 cookie,我们还需要注意安...原创 2019-10-17 19:54:51 · 463 阅读 · 0 评论 -
webpack loader配置全流程详解
前言1.主要目的为稍微梳理从配置到装载的流程。另外详解当然要加点源码提升格调(本人菜鸟,有错还请友善指正)2.被的WebPack打包的文件,都被转化为一个模块,比如import ‘./xxx/x.jpg’或require(’./xxx/x.js’)。至于具体实际怎么转化,交由装载机处理3.下文会使用打字稿(劝退警告?)以方便说明有哪些选项和各个选项的值类型配置语法解析模块属性modul...原创 2019-09-25 17:01:56 · 1574 阅读 · 0 评论 -
vue中keepalive怎么理解?
什么是keepalive我们平时开发中, 总有部分组件没有必要多次init, 我们需要将组件进行持久化,使组件状态维持不变,在下一次展示时, 也不会进行重新initkeepalive音译过来就是保持活着, 所以在vue中我们可以使用keepalive来进行组件缓存基本使用上面提到被keepalive包含的组件不会被再次init,也就意味着不会重走生命周期函数, 但是平常工作中很多业务场景...转载 2019-09-26 17:36:32 · 262 阅读 · 0 评论 -
Webpack 之 basic chunk graph
源文件以及配置文件有以下文件 a.js / b.js / c.js / d.js 以及 webpack.config.js, 其中 a.js 为入口文件,它们之间的依赖关系如下图,实心箭头代表异步加载。// a.js - 入口文件import add from './b.js'add(1, 2)import('./c.js').then(del => del(1, 2)) ...转载 2019-09-29 17:43:31 · 709 阅读 · 0 评论 -
webpack原理
webpack原理webpack早就已经在前端领域大放异彩,会使用和优化webpack也已经是中、高级工程师必备技能,在此基础之上再对webpack的原理进行理解和掌握,必定会在未来的开发中事半功倍。若是对于webpack不熟悉可以查看之前的文章进行学习和了解。由于本人能力一般、水平有限,所以会在本篇文章编写过程中对一些内容进行又臭又长的赘述,就是为了能让一些基础比较薄弱的同学阅读起来可以更加...原创 2019-10-08 21:30:56 · 131 阅读 · 0 评论