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就是你全局文件