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()
    })
  }
}

• 網友

總結

• 后期再進行記錄，一步步來吧