当前位置: 首页 > Web前端 > CSS

关于vue-cli全局引入less变量,-.vue文件不再需要引入解决方法

时间:2023-03-31 12:50:18 CSS

1.直接用vue-cli创建的项目,应该使用1.vueaddstyle-resources-loader这个命令会提示你要选择少安装,并选择使用你需要的相关css。2、如果以上都失败,可以手动添加包yarnaddstyle-resources-loaderyarnaddvue-cli-plugin-style-resources-loader或者npmistyle-resources-loadernpmivue-cli-plugin-style-resources-loader3.在项目根目录新建vue.config.js4.配置全局less变量。以后的项目不需要在每个vue文件中导入变量//vue.config.jsconstpath=require('path');functionresolve(dir){returnpath.join(__dirname,dir)}exportdefaults={pluginOptions:{'style-resources-loader':{preProcessor:'less',//这是你定义的全局less变量模式:[resolve('src/styles/shared/variables.less'),]}}}