准备学习Web前端工程化的内容,做个记录,以后需要的时候方便查找:
webpack只能打包处理.js相关的文件,其他资源可以使用插件的方式来曲线救国。
1 安装处理css文件的loader,运行如下命令:
npm i style-loader css-loader -D
2 在webpack.config.js的module -> rules数组中,添加loader规则如下:
module: {
rules : [
{ test: /\.css$/, use: ['style-loader', 'css-loader'] }
]
}
其中, test表示匹配的类型, use表示使用过的loader
注意:
1. use数组中指定的loader顺讯是固定的
2. 多个loader的调用顺序试:从后往前调用