less 全局变量使用

Posted 2021-01-20 sinosaurus

less 全局变量使用

忽然想定义一个变量，但是却需要每个 .vue 文件都需要单独引入这个全局变量才可以，导致很多重复不必要的工作，因而得寻找一种可以任何地方都可以访问的方法

• 借助换肤这个功能
• sass-resources-loader

/** vue-cli3.0 **
// vue.config.js
module.exports = {
  chainWebpack: config => {
    const oneOfsMap = config.module.rule(‘less‘).oneOfs.store
    oneOfsMap.forEach(item => {
      item
        .use(‘sass-resources-loader‘)
        .loader(‘sass-resources-loader‘)
        .options({
          // Provide path to the file with resources
          resources: ‘./path/to/resources.less‘,

          // Or array of paths
          resources: [‘./path/to/vars.scss‘, ‘./path/to/mixins.scss‘]
        })
        .end()
    })
  }
}

• 网友

总结

• 后期再进行记录，一步步来吧