ホームページ > 記事 > ウェブフロントエンド > PublicPath パスの問題と解決策の例
PublicPath パスの問題と解決策の例
- 零下一度オリジナル
- 2017-06-19 09:21:242226ブラウズ
この記事では、主に webpack 学習チュートリアルの publicPath パスの問題に関する関連情報をサンプル コードを通じて詳しく紹介しています。必要な方は参照してください。下に。
この記事では、主に webpack の publicPath パスの問題に関する関連コンテンツを紹介し、参考と学習のために共有します。詳細な紹介を見てみましょう:
output: {
filename: "[name].js",
path:path.resolve(dirname,"build")
}publicPath が指定されていない場合、導入パスは以下の通りです
<body> <script src="b.js"></script> </body>
publicPathを指定した場合
output: {
filename: "[name].js",
path:path.resolve(dirname,"build"),
publicPath:"/assets/"
}は以下のように導入されます
<body> <script src="assets/b.js"></script> </body>
webpack-dev-server環境では、パス、publicPath、差分と接続
パス: コンパイルディレクトリ (/build /js/) を指定するだけで、HTML の jsquotes には使用できません。
publicPath: 仮想ディレクトリ。自動的にパス コンパイル ディレクトリ (/assets/ => /build/js/) を指します。 HTML で js ファイルを参照する場合、この仮想パスを引用符で囲む必要があります (ただし、実際には /build/js/ や /assets/ ではなく、メモリ内のファイルを参照します)。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
本番環境に公開します:
1. webpack でコンパイルします (もちろん /build/js/ にコンパイルします)
2. すべてのファイルをコンパイル ディレクトリ (/build/js/) にコピーします。 /assets/ ディレクトリ (注:index.html で Bundle.js を参照するパスを変更しないでください)
以前は、publicPath のパスが間違っていたため、webpack-dev-server は自動的に更新できませんでした
以上がPublicPath パスの問題と解決策の例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。