首页 > Web开发 > 详细

vue-cli 4 使用scss

时间:2021-08-14 11:38:23      阅读:31      评论:0      收藏:0      [点我收藏+]

1、安装node-sass和sass-loader

npm install node-sass -D
npm install sass-loader -D

2、安装style-resources-loader和vue-cli-plugin-style-resources-loader

npm i style-resources-loader -D
npm i vue-cli-plugin-style-resources-loader -D

3. 在vue.config.js中使用

const path = require(‘path‘);
module.exports = {
    pluginOptions: {
        ‘style-resources-loader‘: {
            preProcessor: ‘scss‘,
            patterns: [
                path.resolve(__dirname, ‘./src/styles/variables.scss‘)
            ]
        }
    }
}

4. 重启项目

npm run dev

 

vue-cli 4 使用scss

原文:https://www.cnblogs.com/zjianfei/p/15140288.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!