一般情况下:
npm install node-sass --save-dev //安装node-sass
npm install sass-loader --save-dev //安装sass-loader
npm install style-loader --save-dev //安装style-loader 有些人安装的是 vue-style-loader 其实是一样的!
若安装不成功:
npm install -g cnpm --registry=https://registry.npm.taobao.org (安装淘宝镜像)用淘宝镜像快!而且安装的时候减少出错!
cnpm install node-sass --save-dev //安装node-sass
cnpm install sass-loader --save-dev //安装sass-loader
cnpm install style-loader --save-dev //安装style-loader 有些人安装的是 vue-style-loader 其实是一样的!
一次安装三个的快捷方式:
$ cnpm install sass-loader node-sass vue-style-loader --D
下一步:
打开build文件夹下面的webpack.base.config.js
{ //从这一段上面是默认的!不用改!下面是没有的需要你手动添加,相当于是编译识别sass!
test: /\.scss$/,
loaders: ["style", "css", "sass"]
}
下一步:
在需要用到sass的地方添加lang=scss复制代码
vue 之 sass
最新推荐文章于 2024-08-12 22:07:17 发布