vue中使用sass

先安装

npm install node-sass --save-dev

npm install node-sass --save-dev

npm install style-loader --save-dev

如果npm安装报错,就安装cnpm

 

配置loader

在项目中的build目录找到webpack.base.conf.js文件,在该文件module.export中的module.rules加入解释scss文件的loader,具体做法是,在数组中加入一个对象,对象的内容如下:

{

   test: /\.scss$/,

   loader: 'sass-loader!style-loader!css-loader',

}

vue中使用sass_第1张图片

指定css语言

你可能感兴趣的:(Vue小笔记,Vue,案例,其他,css)