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

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

vue項目css-loader配置alias無效

vue項目css-loader配置alias無效

繁星coding 2019-05-09 08:59:30
看了css-loader文檔于是想試一下https://www.webpackjs.com/loa...使用vue-cli3搭建的項目配置代碼css:{loaderOptions:{css:{alias:{'@css':path.join(__dirname,'src','css'),}},}},項目中的使用@import"@css/common.postcss";.wrap{padding:var(--common-space);&.contain{background:var(--common-background);padding:var(--common-fill);}}報錯信息errorin./src/views/job-management/report/completeness/index.vue?vue&type=style&index=0&id=464df02c&lang=postcss&scoped=true&Modulebuildfailed(from../node_modules/postcss-loader/src/index.js):Error:Failedtofind'@css/common.postcss'in[E:\數據資產項目\數據資產項目-前臺\datamanagement\vue_project\data_quality\src\views\job-management\report\completeness]atresolveModule.catch.catch(E:\數據資產項目\數據資產項目-前臺\datamanagement\vue_project\node_modules\postcss-import\lib\resolve-id.js:35:13)at跳過postcss-loader同樣報錯,不過報的錯不一樣了@import"@css/test.css";報錯信息Thisdependencywasnotfound:*-!../../../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!./@css/test.cssin../node_modules/css-loader??ref--6-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib??vue-loader-options!./src/views/job-management/report/completeness/index.vue?vue&type=style&index=0&lang=css&Toinstallit,youcanrun:npminstall--save-!../../../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!./@css/test.css
查看完整描述

2 回答

?
藍山帝景

TA貢獻1843條經驗 獲得超7個贊

參照postcss-import文檔
解決了這個問題
'postcss-import':{
resolve:function(id){
letalias={
"@dq-common":path.join(__dirname,'data_quality','src','css','common.postcss')
}
returnalias[id]?alias[id]:id;
}
},
                            
查看完整回答
反對 回復 2019-05-09
?
慕運維8079593

TA貢獻1876條經驗 獲得超5個贊

樓主可以試試下面的方法:
module.exports={
...
configureWebpack:()=>({
resolve:{
alias:{
'@css':path.join(__dirname,'src','css'),
}
},
....
})
//用法如下
                            
查看完整回答
反對 回復 2019-05-09
  • 2 回答
  • 0 關注
  • 1975 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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