鍍金池/ 問(wèn)答/HTML/ App.vue引入全局less無(wú)法使用問(wèn)題

App.vue引入全局less無(wú)法使用問(wèn)題

less-loder已經(jīng)安裝過(guò)了

// theme.less

@wid:1000px;
// App.vue

<style lang="less">
@import './style/theme.less';
</style>
// search.vue

<style lang='less' scoped>
.dataSearch {
  width: @wid;
}
</style>

圖片描述

回答
編輯回答
青裙

你少了這一句：

﹂src
﹂webpack.base.conf.js

        {
            test: /\.less$/,
            loader: "style-loader!css-loader!less-loader"
         }
2017年4月26日 07:41
編輯回答
短嘆

可能是編譯的時(shí)候 是一塊一塊的編譯的 所以出現(xiàn)這個(gè)變量不識(shí)別

應(yīng)該 按照模塊寫(xiě)吧

2017年2月12日 03:07
編輯回答
情未了

組件在使用less變量時(shí)，需要單獨(dú)在組件中引入文件 @import '@/assets/less/variable.less'

2018年8月1日 16:24
編輯回答
墨小白

需要安裝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就是你全局文件
2018年2月3日 20:36