vue-cli4创建的vue3项目全局引入.less文件

• 首先安装两个依赖

npm npm i style-resources-loader --save
npm i vue-cli-plugin-style-resources-loader --save

• 其次修改 vue 项目根目录下的 vue.config.js 文件，如果没有则自己创建（该文件还有很多妙用，具体可查官网）

const path = require("path");
 
module.exports = {
  pluginOptions: {
    "style-resources-loader": {
       preProcessor: "less",
          //引入全局less文件
          patterns: [	
          	path.resolve(__dirname,"./src/assets/common.less")
          ];
     }
  },
};

如果觉得对你有帮助的话，点个赞呗~

反正发文又不赚钱，交个朋友呗~

如需转载，请注明出处foolBirdd