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

2021-03-08  本文已影响0人  无疆wj

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";`,
          },
        },
      }
    }
  }
}
上一篇 下一篇

猜你喜欢

热点阅读