vue.js 使用sass

1.安装依赖

npm install --save-dev node-sass
npm install sass-loader css-loader style-loader --save-dev

如果报错:卸载重新安装,如下命令

vue.js 使用sass_第1张图片
node-sass安装失败.png
npm uninstall node-sass
npm install node-sass@latest

再执行

npm install sass-loader css-loader style-loader --save-dev

2.webpack.config.js中配置

     {
        test: /\.scss$/,
        loaders: ["style", "css", "sass"]
      },

3.开始sass之旅

scoped:只有当前组件可用


4.sass文件引入


你可能感兴趣的:(vue.js 使用sass)