loader的作用:
常见的loader:
-
file-loader:把文件输出到一个文件夹中,在代码中通过相对URL去引用输出文件
-
url-loader:和file-loader类似,但是能在文件很小的情况下以base64的方式把文件内容注入到代码中去
-
source-map-loader:加载额外的Source Map文件,以便断点调试
-
image-loader:加载并压缩图片文件
-
babel-loader:把ES6转换为ES5
-
css-loader:加载CSS,支持模块化、压缩、文件导入等特性
-
style-loader:把CSS代码注入到js中,通过DOM操作去加载CSS
-
eslint-loader:通过ESlint检查js代码
plugin的作用:
常见的Plugin:
-
html-webpack-plugin:可以复制一个有结构的html文件,并自动引入打包输出的所有资源(JS/CSS)
-
clean-webpack-plugin:重新打包自动清空dist目录
-
mini-css-extract-plugin:提取js中的css成单独文件
-
optimize-css-assets-webpack-plugin:压缩css
-
uglifyjs-webpack-plugin:压缩js
-
commons-chunk-plugin:提取公共代码
-
define-plugin:定义环境变量
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)