11

私は webpack を初めて使用します。webpack をセットアップしようとしているときに、いくつかの問題に直面しています。

次のディレクトリ構造があります。

  • ノード モジュール
  • パブリック (index.html、index.jsx)
  • コンポーネント
  • webpack.config.js

index.html に含めようとしました

<script src="../node_modules/react/dist/react-with-addons.js"></script>

そして、webpack dev server コンソールを実行しようとすると、私が表示されます

http://localhost:8080/node_modules/react/dist/react-with-addons.js not found

以下は私のwebpack.config.jsファイルです:

module.exports = {
    //This is the entry point for the webpack
    entry: {
    app: ['./public/index.jsx']
    },
    output: {
    // This is the name of the bundle which is created  when webpack runs
    path: './public',
    filename: 'bundle.js' 
    },
    module: {
        loaders: [
            {
                //tell webpack to use jsx-loader for all *.jsx files
                test: /\.jsx$/,
                loader: 'jsx-loader?insertPragma=React.DOM&harmony'
            }
        ]
    },
    resolve: {
        extensions: ['', '.js', '.jsx']
    }
}
4

1 に答える 1