美文网首页
vue项目中使用sass

vue项目中使用sass

作者: IF_123 | 来源:发表于2021-07-01 17:01 被阅读0次

    1.安装插件

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

    2.在build目录找到webpack.base.conf.js文件
    在该文件module.export中的module.rules加入解释scss文件的loader

    {
       test: /\.scss$/,
       loader: 'sass-loader!style-loader!css-loader'
    }
    

    3.运行项目
    备注:运行时可能遇到问题,解决办法为更改版本号

    "node-sass": "^4.14.1"
    "sass-loader": "^7.3.1"
    

    相关文章

      网友评论

          本文标题:vue项目中使用sass

          本文链接:https://www.haomeiwen.com/subject/ibajultx.html