<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
        問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
        當前位置: 首頁 - 科技 - 知識百科 - 正文

        詳談vue+webpack解決css引用圖片打包后找不到資源文件的問題

        來源:懂視網 責編:小采 時間:2020-11-27 22:18:04
        文檔

        詳談vue+webpack解決css引用圖片打包后找不到資源文件的問題

        詳談vue+webpack解決css引用圖片打包后找不到資源文件的問題:使用vue打包,通過css引用圖片資源。 .img { height: 500px; width: 100%; background: url(./assets/img/1.jpg) no-repeat; background-size: 100%; } 熱更新開發環境的效果是這樣 但打完包出來的頁面卻報找不到資源的錯誤。 查了一下
        推薦度:
        導讀詳談vue+webpack解決css引用圖片打包后找不到資源文件的問題:使用vue打包,通過css引用圖片資源。 .img { height: 500px; width: 100%; background: url(./assets/img/1.jpg) no-repeat; background-size: 100%; } 熱更新開發環境的效果是這樣 但打完包出來的頁面卻報找不到資源的錯誤。 查了一下

        使用vue打包,通過css引用圖片資源。

        .img { 
         height: 500px; 
         width: 100%; 
         background: url("./assets/img/1.jpg") no-repeat; 
         background-size: 100%; 
         } 

        熱更新開發環境的效果是這樣

        但打完包出來的頁面卻報找不到資源的錯誤。

        查了一下原因,css引入圖片再打包后,style-loader無法設置自己的publicPath,于是我改變了ExtractTextPlugin的css路徑publicPath。

        if (options.extract) { 
         return ExtractTextPlugin.extract({ 
         use: loaders, 
         // css 引用圖片打包問題 
         publicPath: '../../../', 
         fallback: 'vue-style-loader' 
         }) 
         } else { 
         return ['vue-style-loader'].concat(loaders) 
         } 

        在build一次,沒有報錯,正常顯示!

        以上這篇詳談vue+webpack解決css引用圖片打包后找不到資源文件的問題就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

        聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

        文檔

        詳談vue+webpack解決css引用圖片打包后找不到資源文件的問題

        詳談vue+webpack解決css引用圖片打包后找不到資源文件的問題:使用vue打包,通過css引用圖片資源。 .img { height: 500px; width: 100%; background: url(./assets/img/1.jpg) no-repeat; background-size: 100%; } 熱更新開發環境的效果是這樣 但打完包出來的頁面卻報找不到資源的錯誤。 查了一下
        推薦度:
        標簽: 圖片 VUE 解決
        • 熱門焦點

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: 久久综合AV免费观看| 最近免费中文字幕mv在线电影| 国产99久久久国产精免费| 四虎免费久久影院| 国产精品亚洲AV三区| 波多野结衣视频在线免费观看| 亚洲高清一区二区三区| 成人免费毛片视频| 亚洲AV日韩AV一区二区三曲| 国产亚洲福利一区二区免费看| 相泽南亚洲一区二区在线播放| 国产成人在线免费观看| 无遮挡免费一区二区三区| 人人狠狠综合久久亚洲婷婷| 日本xxxx色视频在线观看免费| 亚洲高清专区日韩精品| 最近中文字幕完整版免费高清| 久久久久亚洲Av无码专| 免费人成视频在线| 午夜在线免费视频 | 最近免费字幕中文大全视频| 亚洲一区中文字幕久久| 成年女人视频网站免费m| 成人国产网站v片免费观看| 亚洲gv猛男gv无码男同短文| 桃子视频在线观看高清免费完整| 亚洲成人高清在线观看| 日韩在线天堂免费观看| 香蕉视频在线免费看| 亚洲一区二区三区亚瑟 | 免费人成动漫在线播放r18| 亚洲AV无码国产在丝袜线观看| 日本一区二区免费看| 亚洲av无码成人精品区一本二本 | 国产免费人人看大香伊| 两个人日本WWW免费版| 亚洲a级成人片在线观看| 丝袜熟女国偷自产中文字幕亚洲| 波多野结衣免费一区视频| 亚洲精品无码久久久久APP| 亚洲动漫精品无码av天堂|