less 全局变量使用
忽然想定义一个变量,但是却需要每个
.vue
文件都需要单独引入这个全局变量才可以,导致很多重复不必要的工作,因而得寻找一种可以任何地方都可以访问的方法
/** 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()
})
}
}
总结
- 后期再进行记录,一步步来吧