安装
安装less和less-loader,我用的是淘宝源,你也可以直接npm
$ cnpm install less less-loader --save
配置
打开build目录下的webpack.base.conf.js文件并在rules中添加以下配置
{ test: /\.less$/, loader: "style-loader!css-loader!less-loader", }
引用
在src目录下的App.vue下引入,注意style要加less
<style lang="less">
@import "./../static/iconfont/iconfont.css";
@import "./../static/less/global.less";
@import "./../static/less/button.less";
@import "./../static/less/popup.less";
</style>