vue3使用scss

首先出现报错就是版本过高,需要卸载重新安装

npm uninstall node-sass    // 卸载
npm uninstall --save sass-loader // 卸载
npm install node-sass --save
npm install sass-loader --save
//sass-loader的版本过高导致的编译错误 npm install [email protected] --save (推荐使用)
npm install style-loader --save
或者 npm install node-sass sass-loader style-loader --save

cli3 在vue.config.js里面进行配置

module.exports = {
    pluginOptions: {
        'style-resources-loader': {
            preProcessor: 'scss',
            patterns: []
        }
    }
}

你可能感兴趣的:(vue3使用scss)