1.安装scss所需要的安装包

cnpm install node-sass sass-loader style-loader -S

2.在vue.config.js中配置

pluginOptions: {
      'style-resources-loader': {
          preProcessor: 'scss',
          patterns: []
      }
  }
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  runtimeCompiler: true,
  pluginOptions: {
      'style-resources-loader': {
          preProcessor: 'scss',
          patterns: []
      }
  }
})

3.重启项目

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐