1、npm install --save-dev sass-loader node-sass （安装完后重新npm run dev）

2、如果还报错，就在build/webpack.base.config.js中加上

{
    test: /\.scss$/,
    use: [
        {
            loader: 'style-loader' // creates style nodes from JS strings
        },
        {
            loader: 'css-loader' // translates CSS into CommonJS
        },
        {
            loader: 'sass-loader' // compiles Sass to CSS
        }
    ]
}

vue文件.png

个人的scss.png

公共的scss.png

页面展示.png

目录树.png

vue + ts + scss main.ts引入scss文件报
vue + ts + scss main.ts引入scss文件报错 this.getOptions is not ...
vue使用scss
vite+vue3全局引入scss变量
vue引入图片问题
一、img标签二、scss文件通过在vue文件引入scss样式文件如果scss文件有引入背景图片，这里不能使...
Note17 vue项目搭建坑坑坑（二）
坑二： scss文件引入vue 和 webpack升级之后，scss的引入方式有些变化，一些配置需要自己手动写入，...
SCSS引入vue
之前一般写的CSS样式都是CSS，现在想加上CSS预处理，这里就直接参考http://vuejs-template...
vue引入scss
1、npm install --save-dev sass-loader node-sass （安装完后重新npm...
vue|引入scss错误
控制台： This relative module was not found: * ./style.scss i...
vue.config.js 中配置全局 scss
vue-cli3 直接在 main.js 中引入 scss 文件也可以生效，但如果有单独 mixin.scss，在...
vue 全局scss配置和sass语法
vue 全局scss配置 vue.config.js global.scss test.scss
vue使用scss，并且全局引入scss
要如何在我们的vue项目中全局引入scss文件呢？ main.js可以直接import css文件，而不可以直接i...