vue-cli4 安装配置less

Posted 2021-09-13 墨子鱼

1、安装指定版本less ,最新版本的依赖包往往不稳定，容易出现问题
npm i less@3.9.0 less-loader@4.1.0

2、下载插件配置全局less变量
npm i style-resources-loader vue-cli-plugin-style-resources-loader -D

3、在根目录新建vue.config.js
// vue.config.js
const path = require("path");
module.exports = {

  pluginOptions: {
    "style-resources-loader": {
      preProcessor: "less",
      patterns: [path.resolve(__dirname, "src/global.less")]
    }
  }
};

4、重启项目 npm run serve

5、使用less
<style lang="less">
.table_wrap{

width:96%;
padding:20px 10px;

}
</style>