vue自我学习笔记——————vue-cli 生成的项目中使用sass

如何在vue-cli 生成的项目中使用sass

    1.首先下载npm i -D sass-loader style-loader css-loader node-sass

    package.json的目录

vue自我学习笔记——————vue-cli 生成的项目中使用sass_第1张图片

    2.找到项目中build 文件下的webpack.base.config.js

          如下所示,添加{

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

vue自我学习笔记——————vue-cli 生成的项目中使用sass_第2张图片

3.运行成功


4.测试demo

5.效果图

vue自我学习笔记——————vue-cli 生成的项目中使用sass_第3张图片

vue自我学习笔记——————vue-cli 生成的项目中使用sass_第4张图片







你可能感兴趣的:(vue项目)