update
This commit is contained in:
@@ -104,10 +104,23 @@ moudle.export={
|
|||||||
#webpack原理2
|
#webpack原理2
|
||||||
|
|
||||||
1.webpack功能:
|
1.webpack功能:
|
||||||
|
|
||||||
(1) 代码转换 typescript编译成js sass,less,scss 编译成css
|
(1) 代码转换 typescript编译成js sass,less,scss 编译成css
|
||||||
|
|
||||||
(2) 文件优化 引入的图片,js等各种文件压缩
|
(2) 文件优化 引入的图片,js等各种文件压缩
|
||||||
|
|
||||||
(3)代码分割 提取公共代码 提高首屏加载速度
|
(3)代码分割 提取公共代码 提高首屏加载速度
|
||||||
|
|
||||||
(4) 模块合并 合并构建功能相似的模块代码
|
(4) 模块合并 合并构建功能相似的模块代码
|
||||||
|
|
||||||
(5) 自动刷新 配置 webpack 热更新后可以保存代码 页面自动刷新
|
(5) 自动刷新 配置 webpack 热更新后可以保存代码 页面自动刷新
|
||||||
|
|
||||||
(6) 代码检验 检验代码是否符合 标准
|
(6) 代码检验 检验代码是否符合 标准
|
||||||
(7) 自动发布 更新完代码后,可以自动构建出
|
|
||||||
|
(7) 自动发布 更新完代码后,可以自动构建出上线版本并传输给发布系统
|
||||||
|
|
||||||
|
2.webpack构建流程
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Reference in New Issue
Block a user