在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue-cli 中webpack 怎么配置才能單獨(dú)編譯less->css

vue-cli 中webpack 怎么配置才能單獨(dú)編譯less->css

項目中,需要一套樣式表涵蓋一些常用的一些公共的樣式。我希望達(dá)到的效果是:
單獨(dú)寫一個style.less實時生成style.css,

//style.less
.btn{
    ...
}

在html標(biāo)簽中引用

<a class="btn"></a>

而不希望是在vue中的style再次引用編輯

<style scoped lang="less">
@import '../../assets/less/style.less';
.btn{
    .btn;
}

so,我的這用想法是否合理? 如果合理應(yīng)當(dāng)怎樣配置?需要gulp配合嗎

回答
編輯回答
忘了我

vue-loader的options里面配置less-loader

2017年7月14日 20:09
編輯回答
做不到

如果不添加引用依賴的話,webpack不會自動幫你處理的。
less文件比較多的話,gulp-less這個插件應(yīng)該是可以的;如果比較少,直接命令行輸入less編譯吧。
不過我其實想推薦的是easy-less這個vscode插件,每次保存less文件都自動給你編譯一個css文件放在相關(guān)目錄下。

2017年6月28日 18:03