App.vue引入全局less无法使用问题

Question

less-loder已经安装过了// theme.less  @wid:1000px;// App.vue  <style lang="less">      @import './style/theme.less';  </style>// search.vue  <style lang='less' scoped>      .dataSearch {   width: @wid; }   </style>

Answer 1

组件在使用less变量时，需要单独在组件中引入文件 @import '@/assets/less/variable.less'

Answer 2

需要安装sass-resources-loader。
找到build文件夹下面的utils.js 找到 
less: generateLoaders('less') 修改成
less: generateLoaders('less').concat({

    loader: 'sass-resources-loader',

    options: {

      resources: path.resolve(__dirname, '../src/assets/css/1.less')

    }

}), 1.less就是你全局文件