mpvue——支持less

2024-08-16 10:26:11 浏览数 (4)

安装

安装less和less-loader,我用的是淘宝源,你也可以直接npm

代码语言:javascript复制
$ cnpm install less less-loader --save

配置

打开build目录下的webpack.base.conf.js文件并在rules中添加以下配置

代码语言:javascript复制
 {
    test: /.less$/,
    loader: "style-loader!css-loader!less-loader",
  }

引用

在src目录下的App.vue下引入,注意style要加less

代码语言:javascript复制
<style lang="less">
  @import "./../static/iconfont/iconfont.css";
  @import "./../static/less/global.less";
  @import "./../static/less/button.less";
  @import "./../static/less/popup.less";
</style>

1 人点赞