1.安裝:因为sass-loader依赖于node-sass,所以需要先安装node-sass
cnpm install node-sass --save-dev
cnpm install sass-loader --save-dev
2.配置
{
test: /\.scss/,
use: [{
loader: 'style-loader'
}, {
loader: 'css-loader'
}, {
loader: 'sass-loader'
}]
}
3.新建一个sass文件,编写div
4.在entry.js中引入css
5.输入webpack打包,最终效果:
6.sass文件分离
修改配置:
{
test: /\.scss/,
use: extractTextPlugin.extract({
use:[{
loader:'css-loader'
},{
loader:'sass-loader'
}],
fallback:'style-loader'
})
}
7.进行打包,最终效果:
前端必学内容:webpack(模块打包器)
webpack3 学习内容,点击即可到达