1、常见的loader和plugin
loader:
html: markdown-loader
css: style-loader css-loader scss-loader
js: babel-loader
图片: file-loader
plugin: plʌgˌɪn
html: HtmlWebpackPlugin
css: MiniCssExtractPlugin
2、区别loader和plugin
1)loader是加载器,plugin是插件
2)loader用来加载文件,比如bable loader是用来加载高级的js,把它变成ie支持的js;css-loader和style -loader是用来加载css,把它变成页面的style标签;
plugin用来加强功能,不局限于资源的加载。比如HtmlWebpackPlugin用来生成HTML文件,MiniCssExtractPlugin用来抽取css代码,可以把多个CSS合并成一个CSS文件。
3、必考:如何按需加载代码
import('文件路径') 去加载文件得到一个promise,promise.then前面写成功之后做什么,后面写失败之后做什么。