可以把SASS文件的写法转换成CSS,而不在使用其他转换工具。 可以把ES6或者ES7的代码,转换成大多浏览器兼容的JS代码。 可以把React中的JSX转换成JavaScript代码。
npm install style-loader -s -d
npm install css-loader -s -d
方式一:use方式
module: { // 模块:例如解读CSS,图片转换压缩等
rules: [{
test: /\.css$/,
use: ['style-loader', 'css-loader']
}]
},
方式二:load方式
module: { // 模块:例如解读CSS,图片转换压缩等
rules: [{
test: /\.css$/,
loader: ['style-loader', 'css-loader']
}]
},
方式三:use+load方式(常用)
module: { // 模块:例如解读CSS,图片转换压缩等
rules: [{
test: /\.css$/,
use: [
{
loader: "style-loader"
}, {
loader: "css-loader"
}
]
}]
},
image.png
image.png
webpack