无分类 WebPack4 学习笔记(1) 新建一个Demo文件夹,执行初始化: npm init 在Demo文件夹里安装webpack和webpack-cli: npm install webpack webpack-cli -D webpack-cli可以使用命令行的方式来使用webpack,从版本4开始开始,webpack和webpack…
javascript 进击webpack4 (优化篇) 有一些第三方模块,它本身不依赖于其他模块,比如jquery,lodash,不去编译这些库,会使得webpack打包更加快速noParse是个正则或者包含正则的数组 RegExp | [RegExp]
javascript 深入理解Webpack核心模块Tapable钩子[同步版] tapable是webpack的核心依赖库 想要读懂webpack源码 就必须首先熟悉tapableok.下面是webapck中引入的tapable钩子 由此可见 在webpack中tapable的重要性
javascript 【手牵手】搭建前端组件库(一) 手牵手搭建前端组件库 本文梳理如何搭建和构建前端组件库. 了解几个问题 为何需要组件化? 大部分项目起源都是源于业务方的各种各样的奇葩需求。随着公司的业务发展,公司内部开始衍生出很多的B2C系统、后台系统…
javascript 【手牵手】搭建前端组件库(二) 在目前,所有的组件会被打包进一个文件,组件库是一骨碌加载完所有组件,同时也会打包和加载多余的代码。对于小项目这样没有问题,但是当组件库越来越庞大、丰富,特别是像我们带业务逻辑的非js库,代码量会更大…
无分类 Code Splitting 代码分离 发现问题 这是一个基于 vue-cli 的管理后台项目,由于依赖较多,打包结果如下 查找原因 为什么 vendor 体积这么大? 借助 Webpack 的分析工具,看了下各个依赖的体积分布 看起来是 Highcharts 和 Element-UI 占了…
javascript 进击webpack4 (基础篇:配置 二) 标题文字 进击webpack 4 (基础篇一) 进击webpack4 (基础篇二:配置) 前言:上一节babel配置错误 {代码…} 这个才是对的 ## 多页面配置 ## 多页面配置即是多入口 entry需要写成对象形式, 注意数组形式会变成…