vue-cli 配置全局sass/less,不需要重复引入

vue.config.js中

// vue.config.js

/**
 * @type {import('@vue/cli-service').ProjectOptions}
 */
module.exports = {
  // 选项...
  css: {
    loaderOptions: {
      css: {
        // 这里的选项会传递给 css-loader
      },
      // postcss: {
      //   // 这里的选项会传递给 postcss-loader
      // },
      sass: {
        additionalData: `@import "@/assets/css/common.scss";`
      },
      less: {
        // 若 less-loader 版本小于 6.0,请移除 lessOptions 这一级,直接配置选项。
        lessOptions: {
          modifyVars: {
            // 或者可以通过 less 文件覆盖(文件路径为绝对路径)
            hack: `true; @import "@/assets/css/common.less";`,
          },
        },
      }
    }
  }
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容