PublicPath パスの問題と解決策の例-jsチュートリアル-php.cn

PublicPath パスの問題と解決策の例

零下一度

リリース： 2017-06-19 09:21:24

オリジナル

2300 人が閲覧しました

この記事では、主に 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 サイトの他の関連記事を参照してください。