1、在项目目录下打开cmd命令行

2、输入 cnpm install node-sass --save-dev

vue-scss 安装步骤

3、然后输入 cnpm install sass-loader --save-dev

vue-scss 安装步骤

4、再然后输入 cnpm install style-loader --save-dev

vue-scss 安装步骤

5、最后 打开build 目录下的 webpack.base.conf.js文件 

      在 module下的ruls数组的最后追加对象

 {

        test: /\.scss$/,

        loaders: ['style', 'css', 'sass']

      }

vue-scss 安装步骤

6、在需要使用央视的vue文件中使用style  配置 lang 和 src 引入对应的scss文件即可

vue-scss 安装步骤

7、scss文件 写法如下

vue-scss 安装步骤

 

 

 

 

 

相关文章: