Webpack
Webpack学习记录
CUG-GZ
这个作者很懒,什么都没留下…
展开
-
【前端性能优化】Webpack性能优化
1. 什么是Webpack? 2. 提高构建速度 2.1 npm install 过程中的优化 2.2 具体仓库地址的选择 2.3 提升Webpack构建速度 3. 打包文件质量优化 3.1 压缩JavaScript代码 3.2 压缩CSS代码 3.3 压缩图片 3.4 优化源代码 3.5 升级Webpack版本原创 2020-09-05 16:52:39 · 1156 阅读 · 0 评论 -
【Webpack】基础概念及常见配置项
1. 开发环境的搭建 1.1 Node.js管理 1.2 NPM管理 2. 基础概念及常见配置项 2.1 webpack.config.js 配置文件 2.2 webpack支持多类型配置 2.3 webpack中的常见名词 2.4 mode模式 2.5 webpack的入口和输出 2.6 output输出配置项 2.7 resolve 2.8 module 2.9 条件匹配 2.10 Loader配置 2.11 plugin插件原创 2020-08-08 11:25:21 · 521 阅读 · 0 评论 -
【Webpack】Webpack基础入门
目录1. 什么是webpack?1.1 JavaScript模块化1.2 CSS模块化 1. 什么是webpack? webpack是一个模块化构建工具,所谓的模块化,指的是解决一个复杂的问题时,自顶向下逐层把系统划分为若干模块的过程,有多种属性,分别反映其内部特性。 1.1 JavaScript模块化 前端的模块化一般是指JavaScript的模块,模块化之后的代码考虑更多的是:代码使用和维护成本的问题,所以有了很多模块化的规范:CommonJS、AMD和ES6 Module规范等,下面来逐个介绍:原创 2020-06-23 00:54:57 · 289 阅读 · 0 评论