vue-cli中配置less並使用全局變量


1、在項目中安裝依賴

npm i less less-loader -s -D

2、在項目中安裝配置依賴

npm i style-resources-loader vue-cli-plugin-style-resources-loader -s -D

3、寫全局less

image

4、在vue.config.js中配置webpack

const path = require('path')
module.exports={
pluginOptions:{
'style-resources-loader':{
	preProcessor:'less',
	patterns:[
	// 注意路徑,不能使用配置中的別名路徑(例如:alias 配置下的路徑別名)
	path.resolve(__dirname,'./src/assets/styles/common.less')
	]
	}
	}
}

5、在組件中直接引用即可


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM