1.由于版本兼容问题，需要删除当前依赖包

npm uninstall node-sass sass-loader

2.下载对应版本

npm i node-sass@6.0.1 sass-loader@7.0.3

3.修改build中的utils.js

scss: generateLoaders('sass'), 替换成下面代码

scss: generateLoaders('sass').concat({
loader: 'sass-resources-loader',
options: {
resources: path.resolve(__dirname, '../src/styles/public.scss')
}
}),

node 16.14.x 全局引入scss文件
1.由于版本兼容问题，需要删除当前依赖包 npm uninstall node-sass sass-loader ...
vue项目中,scss引入字体文件报错,解决方法
首先说明,我已经配置全局引入index.scss文件,但是发现引入图标文件报错.这是我引入图标的icon.scss...
vue项目中常见问题及解决方案
webpack项目中自动引入全局scss变量文件假设我们有一个公共的scss变量文件variables.scss ...
【uni-app】引入全局scss的变量与mixin
项目生成时，根目录有uni.scss文件，在文件的结尾处引入全局scss文件即可
vue 全局引入公共的scss
main.js 只能import css文件 scss文件不能直接import，全局引入公共的scss方法：步骤一...
webpack 配置全局样式（自定义的，vue-cli2/3）
一般的，引入全局设置的基本样式这样在引入scss文件中可以使用base里的全局变量但是避免在资源文件中使用SAS...
vue引入图片问题
一、img标签二、scss文件通过在vue文件引入scss样式文件如果scss文件有引入背景图片，这里不能使...
vue使用scss
vite+vue3全局引入scss变量
vue项目中设置全局引入scss，使每个组件都可以使用变量
在Vue项目中使用scss,如果写了一套完整的有变量的scss文件。那么就需要全局引入，这样在每个组件中使用。可...
vue使用hotcss.scss，并且全局引入scss
要如何在我们的vue项目中全局引入scss文件呢？ main.js可以直接import css文件，也可以直接im...