webpackを使用しているときに "index.html"を移動するにはどうすればよいですか？

通常、「index.html」はいつwebpackを使用して読み込まれますか？webpackを使用しているときに "index.html"を移動するにはどうすればよいですか？

"index.html"をbuild /に移動したいと思います。

webpackを使用してnpm startからデータフローに問題があります。 package.jsonで

、 "スタート" のように定義されます。ただし

"node ./node_modules/webpack-dev-server/bin/webpack-dev-server.js".

、私はそれが "WebPACKの-DEV-server.js" からジャンプする場所を見つけることができませんでした。

私は以下のようにその中に "index.htmlを" 約2つの記述が見つかりました：私は、ビルド/内に "index.htmlをする" に移動しようとすると、

 .boolean("history-api-fallback").describe("history-api-fallback", "Fallback to /index.html for Single Page Applications.")

と

console.log("404s will fallback to %s", options.historyApiFallback.index || "/index.html");

をブラウザが返さ"エラーを取得できません"。

"index.html"とwebpack.config.jsは同じフォルダにあります。

出典

2017-02-28 user2255716

一つの方法（package.jsonに）スクリプトを更新することであるので先のフォルダにコピーindex.html：

"scripts": { 
    "start": "node node_modules/.bin/webpack-dev-server --content-base src", 
    "build": "node node_modules/.bin/webpack && cp src/index.html build/index.html" 
}

npm run buildは今もbuild/index.htmlにsrc/index.htmlをコピーする必要があります。

出典

2017-02-28 16:26:01 sn3p

それは機能しました！私は "--content-base"オプションだけを使って "index.html"を読み込むことができました。 cpによるビルドもうまくいったが、ビルドフォルダからの結果を伝えられなかった。しかし、それは全く問題ではありません！ありがとうございました！ – user2255716

私はwebpack専門家ではないんだけど、私は同じ問題に直面して、プラグインを使用してそれを解決することができました：html-webpack-plugin

まずそれをインストール：npm install html-webpack-plugin --save-dev

を次に、あなたのwebpack.config.jsを編集します

var path = require('path'); 
var webpack = require('webpack'); 
var HtmlWebpackPlugin = require('html-webpack-plugin'); 

module.exports = { 
    //Your config here (entry, module, resolve, etc.) 
    devServer: { 
     contentBase: './build' //Or any other path you build into 
    }, 
    plugins: [ 
     //other plugins if any 
     new HtmlWebpackPlugin({ 
      template: './index.template.html', //your template file 
      filename: 'index.html', 
      inject: 'body' 
     }) 
    ] 
};

index.template.htmlを./build/index.htmlにコピーし、そこからファイルを提供します。
<body>タグの下部にもすべてのアセットが挿入されます。
もちろん、この設定はもちろん、あなたの必要に合わせて調整することができます。ちょうどrefer to the plugin docsです。

出典

2017-03-01 07:34:22 andreapier

webpackを使用しているときに "index.html"を移動するにはどうすればよいですか？

答えて

関連する問題