私のwebpack構成ファイルにはフォルダーpublicPath
を指す設定がありdist
ますが、実行すると
webpack-dev-server
プロジェクトルートからのindex.htmlが提供されます。index.html
ルートからdist
フォルダに移動すると、ブラウザにディレクトリビューが表示されます。
私のディレクトリ
index.html
src
game.ts
dist
bundle.js
index.htmlもdistフォルダーにあることをwebpackに伝えるにはどうすればよいですか?なぜwebpackはdistフォルダーの外にあるものを使用するのでしょうか...?
var path = require('path');
var pathToPhaser = path.join(__dirname, '/node_modules/phaser/');
var phaser = path.join(pathToPhaser, 'dist/phaser.js');
module.exports = {
entry: './src/game.ts',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js',
},
module: {
rules: [
{ test: /\.ts$/, loader: 'ts-loader', exclude: '/node_modules/' },
{ test: /phaser\.js$/, loader: 'expose-loader?Phaser' },
{ test: /\.(png|jpg|gif)$/, use: [{loader: 'file-loader', options: {
outputPath: 'images',
} }]}
]
},
devServer: {
contentBase: path.resolve(__dirname, './'),
publicPath: '/dist/',
host: '127.0.0.1',
port: 8080,
open: true
},
resolve: {
extensions: ['.ts', '.js'],
alias: {
phaser: phaser
}
}
};
これは私にとってはうまくいくようです:
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js',
},
...
devServer: {
contentBase: './dist',
// no publicPath
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加