mpvue——支持less

安装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>