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

55次阅读

共计 433 个字符,预计需要花费 2 分钟才能阅读完成。

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>

正文完
 0