vue项目中定义全局变量并使用(无需在使用处二次引入)

先上代码

//需要引入:
const webpack = require('webpack')
const path = require('path')



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.resolve('./src/style/base.less'),

          // Or array of paths
        })
        .end()
    })
  }

以上代码都是在vue.config.js中加入, 该项与devServer项平级;在配置好文件之后还需要执行npm install sass-resources-loader --save-dev  下载依赖,重启项目就可以使用了。


版权声明:本文为qq_41538952原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。