vue + webpackを説明して、パッケージング後にCSSリファレンスピクチャが見つからないという問題を解決してください。

1 Star2 Stars3 Stars4 Stars5 Stars (まだ評価されていません)
Loading...

vueを使用して、CSSを使用して画像リソースをパッケージ化および参照します。


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

ホットアップデート開発環境の効果はこれです

しかし、パッケージ化されたページが公開された後、リソースが見つからないと報告されました。

理由を確認し、CSSがイメージを導入してパッケージ化した後、スタイルローダーが独自のpublicPathを設定できなかったため、ExtractTextPluginのcss path publicPathを変更しました。


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

一度ビルドすると、エラーは表示されず、通常の表示になります!

パッケージング後にリソースファイルを見つけられないという問題は、Xiaobianが共有しているすべてのコンテンツです。皆さんが参考にして、皆がスクリプトハウスをサポートできることを願っています。


1 Star2 Stars3 Stars4 Stars5 Stars (まだ評価されていません)
Loading...
      この投稿は審査処理中  | 元のサイトへ