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>