美文网首页
vue-cli 配置全局sass/less,不需要重复引入

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

作者: 无疆wj | 来源:发表于2021-03-08 14:39 被阅读0次

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";`,
          },
        },
      }
    }
  }
}

相关文章

网友评论

      本文标题:vue-cli 配置全局sass/less,不需要重复引入

      本文链接:https://www.haomeiwen.com/subject/jfvpqltx.html