/development/jsにbundle.jsは出力されていないっていうお話と、
bundle.jsのインポートのお話がごっちゃになっていませんか?
出力されないと読み込まれませんので、まずは思ったパスにbundle.jsが出力されているかどうかを教えてください。
webpack-dev-serverを使用して開発する際に、下記のようにoutputパスを指定しても、出力されないと思うのですが、
下記のようなフォルダ構成でhtmlにbundle.jsを読み込ませんるには、
scriptタグをどのように指定すればいいのでしょうか?
development/ ├ index.html ├ js/ │ └ index.js └ config/ │ └ webpack.config.json └ package.json
// webpack.config.js entry: path.join(__dirname, "../development/js/index.js"), output: { path: path.join(__dirname, '../development/js'), filename: 'bundle.js' }, devServer: { contentBase: 'development', port: 2000 },
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>webpack sample</title> </head> <body> <h1>sample</h1> <script src="./js/bundle.js"></script> </body> </html>
あなたの回答
tips
プレビュー