关于vue.js:vuecli4-安装配置less

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>

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理