先展示一下使用环境:
相关的指令:
node -v
npm -v
webpack -v
node-sass -v
查看是否有已经安装的sass版本:
卸载指令:npm uninstall --save node-sass
执行安装sass相关的语句:
npm i -D node-sass@4.12.0
npm i -D sass-loader@7.1.0
安装后使用要在build/webpack.base.conf.jsde里的在module的rules
中插入以下代码添加配置:(注意逗号)
{
test: /\.scss$/,
loaders: ["style", "css", "sass"]
},
然后运行我们的项目,看看定制的样式页面成功没有:
ok完美