6

React アプリケーションの開発に webpack を使い始めたところです。私の設定ファイルは次のとおりです。

var webpack = require('webpack');

module.exports = {
  devtool: "eval",
  entry: {
    app: [
      "webpack-dev-server/client?http://0.0.0.0:8080",
      "webpack/hot/only-dev-server",
      "./src/scripts/main.js"
    ]
  },
  output: {
    path: "./build",
    filename: "bundle.js"
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin()
  ],
  resolve: {
    modulesDirectories: ['node_modules'],
  },
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        loader: "react-hot!babel",
        exclude: /node_modules/
      },

      {
        test: /\.css$/,
        loader: "style!css"
      },

      {
        test: /\.(html|png)$/,
        loader: "file?name=[path][name].[ext]&context=./src"
      }
    ]
  }
};

構成ファイルで指定されているように、必要なすべてのソースがファイルにバンドルされます。./build/bundle.js また、次のコマンドを使用して webpack の開発サーバーを実行している場合、

> webpack-dev-server --colors --content-base ./build

エラーなしで最初に次の出力が得られます。

http://localhost:8080/webpack-dev-server/
webpack result is served from /
content is served from /Users/xyz/Desktop/pqrProj/build

http://localhost:8080/webpack-dev-server/で期待どおりにアプリが実行されていることを確認できますが、 CD を に取り込もうとすると/Users/xyz/Desktop/pqrProj/build、そのようなファイルやディレクトリがないというエラーが表示されます。

4

2 に答える 2

4

バンドルされたファイルを使用webpack-dev-serverすると、開発中の反復を高速化するために、ディスクに書き込まれずにメモリから提供されます。これにより、ホットモジュール交換なども可能になります。

静的ファイルを出力したい場合はwebpack、コマンドラインからコマンドを使用できます (webpack-dev-server ではありません)。

于 2016-02-03T05:51:02.503 に答える