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

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

vue-cli配置Webpack

vue-cli配置Webpack

慕工程0101907 2019-05-13 08:53:34
想在Webpack中添加如下配置:(src/icons中的svg文件用svg-sprite-loader載入,其他文件夾中的svg用url-loader載入){test:/\.svg$/,loader:'svg-sprite-loader',include:[resolve('src/icons')],options:{symbolId:'icon-[name]'}},{test:/\.(png|jpe?g|gif|svg)(\?.*)?$/,loader:'url-loader',exclude:[resolve('src/icons')],options:{limit:10000,name:utils.assetsPath('img/[name].[hash:7].[ext]')}},vue-cli{//添加loaderconfig.module.rule('svg').test(/\.svg$/).use('svg-sprite-loader').loader('svg-sprite-loader')//.include([resolve('src/icons')]).options({symbolId:'icon-[name]'}).end()//修改loader配置config.module.rule('svg').test(/\.(png|jpe?g|gif|svg)(\?.*)?$/).use('url-loader').loader('url-loader').tap(exclude=>{exclude=[resolve('src/icons')]returnexclude})}}
查看完整描述

2 回答

?
縹緲止盈

TA貢獻2041條經驗 獲得超4個贊

還是這個文檔..里面有講規則替換方法
暫時實現統一用svg-sprite-loader載入,后面再研究下分區文件夾..
module.exports={
chainWebpack:config=>{
constsvgRule=config.module.rule('svg')
//clearallexistingloaders.
//ifyoudon'tdothis,theloaderbelowwillbeappendedto
//existingloadersoftherule.
svgRule.uses.clear()
//addreplacementloader(s)
svgRule
.use('svg-sprite-loader')
.loader('svg-sprite-loader')
.options({
symbolId:'icon-[name]'
})
}
}
                            
查看完整回答
反對 回復 2019-05-13
?
呼如林

TA貢獻1798條經驗 獲得超3個贊

這樣是可以的。而且寫include和exclude要在use和loader之前寫
module.exports={
chainWebpack:config=>{
config.module
.rules
.delete('svg')
config.module
.rule('svg')
.test(/\.(svg)(\?.*)?$/)
.include
.add(resolve('src/icons'))
.end()
.use('svg-sprite-loader')
.loader('svg-sprite-loader')
.options({
symbolId:'icon-[name]'
})
}
}
                            
查看完整回答
反對 回復 2019-05-13
  • 含淚奔跑o
    含淚奔跑o
    大佬麻煩解釋下config.module.rule('icons').test(/\.svg$/) .include .add(resolve('src/icons')) .end() include和add分別是什么意思嗎?
  • 2 回答
  • 0 關注
  • 998 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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