1、
1-1、使用save会在package.json中自动添加。
npm install node-sass –save-dev
npm install sass-loader –save-dev
1-2、可以通过淘宝的npm镜像安装node-sass,解决以上问题。
$ npm install -g cnpm –registry=https://registry.npm.taobao.org (安装淘宝镜像)
cnpminstallnode−sass–save(使用淘宝镜像安装node−sass)2、2−1、进入webpack.base.config.js配置scssmodule–loaders(vue1.0)
c
n
p
m
i
n
s
t
a
l
l
n
o
d
e
−
s
a
s
s
–
s
a
v
e
(
使
用
淘
宝
镜
像
安
装
n
o
d
e
−
s
a
s
s
)
2
、
2
−
1
、
进
入
w
e
b
p
a
c
k
.
b
a
s
e
.
c
o
n
f
i
g
.
j
s
配
置
s
c
s
s
m
o
d
u
l
e
–
l
o
a
d
e
r
s
(
v
u
e
1.0
)
npm install –save-dev sass-loader style-loader css-loader
{
test: /.vue/,
loader: ‘vue-loader’,
options: {
loaders: {
‘scss’: ‘style-loader!css-loader!sass-loader’
}
}
}
2-2、打开webpack.base.config.js在loaders里面加上 module – rules (vue2.0)
{
test: /.scss
/, loader: ‘vue-loader’, options: { loaders: { ‘scss’: ‘style-loader!css-loader!sass-loader’ } } } 2-2、打开webpack.base.config.js在loaders里面加上 module – rules (vue2.0) { test: /.scss
/,
loaders: [“style”, “css”, “sass”]
},
3、如果需要在vue文件style标签使用scss的话,需要声明一下:
vue1.0
vue2.0