亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

webpack在less的文件中使用resovle

webpack在less的文件中使用resovle

長風秋雁 2019-03-21 22:15:02
1、在less文件中像js文件一樣,引用短路徑。2、webpack.config.js如下  resolve: {    extensions: ['.js','.json'],     alias:{       src:path.resolve(__dirname,'src'),       components:'src/components',       routes:'src/routes',       common:'src/common'     }   },3、js文件中可以直接使用import 'components/Header.js'引用,但是less中無法使用@import 'common/consts.less'
查看完整描述

2 回答

?
夢里花落0921

TA貢獻1772條經驗 獲得超6個贊

這個因為@import是由css-loader來解析的
第一種方法@import ‘~@scss/icon.less‘;,
css 引入 中: @import "~@/style/theme"
css 屬性中: background: url("~@/assets/xxx.jpg")
html 標簽中: <img src="~@/assets/xxx.jpg" alt="alias">

查看完整回答
反對 回復 2019-04-08
?
隔江千里

TA貢獻1906條經驗 獲得超10個贊

//可通過CommonJS規范導入LESS模塊
require('./common/consts.less');
既然使用了webpack,那就直接在js文件中引入就可以了,記得安裝對應的loader

查看完整回答
反對 回復 2019-04-08
  • 2 回答
  • 0 關注
  • 662 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號