私は 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']
}
}