Typescript 网页包发射包

我正在尝试在这里创建一个html5游戏，我想我可以在混合中添加webpack，但我遇到了一些问题

当我使用npm start运行它时，一切都正常。它不是很正常，它在那里声明包已发出：-/。这里是垃圾场：

pixijs@1.0.0 start C:\Users\foo\Desktop\pixijs
> webpack-dev-server --mode development

i ?wds?: Project is running at http://localhost:8080/
i ?wds?: webpack output is served from /
i ?wdm?: Hash: e4ec780bdd5d19347454
Version: webpack 4.29.6
Time: 1417ms
Built at: 2019-03-08 11:09:37
       Asset     Size  Chunks             Chunk Names
foobundle.js  350 KiB    main  [emitted]  main
Entrypoint main = foobundle.js
[0] multi (webpack)-dev-server/client?http://localhost:8080 ./src/game.ts 40 bytes {main} [built]
[./node_modules/ansi-html/index.js] 4.16 KiB {main} [built]
[./node_modules/events/events.js] 13.3 KiB {main} [built]
[./node_modules/loglevel/lib/loglevel.js] 7.68 KiB {main} [built]
[./node_modules/querystring-es3/index.js] 127 bytes {main} [built]
[./node_modules/url/url.js] 22.8 KiB {main} [built]
[./node_modules/webpack-dev-server/client/index.js?http://localhost:8080] (webpack)-dev-server/client?http://localhost:8080 8.1 KiB {main} [built]
[./node_modules/webpack-dev-server/client/overlay.js] (webpack)-dev-server/client/overlay.js 3.59 KiB {main} [built]
[./node_modules/webpack-dev-server/client/socket.js] (webpack)-dev-server/client/socket.js 1.05 KiB {main} [built]
[./node_modules/webpack-dev-server/node_modules/strip-ansi/index.js] (webpack)-dev-server/node_modules/strip-ansi/index.js 161 bytes {main} [built]
[./node_modules/webpack/hot sync ^\.\/log$] (webpack)/hot sync nonrecursive ^\.\/log$ 170 bytes {main} [built]
[./node_modules/webpack/hot/emitter.js] (webpack)/hot/emitter.js 75 bytes {main} [built]
[./src/game.ts] 276 bytes {main} [built]
[./src/scenes/GameScene.ts] 169 bytes {main} [built]
[./src/scenes/MainMenuScene.ts] 189 bytes {main} [built]
    + 13 hidden modules
i ?wdm?: Compiled successfully.

开始时，我将bundle命名为foobundle.js，添加了typescript文件game、gamesecene和MainMenuScene

我的webpack.config.js应该非常简单：

const path = require('path');

module.exports = {
    entry: './src/game.ts',

    output: {
        path: path.join(__dirname, './dist'),
        filename: 'foobundle.js',
    },

    module: {
        rules: [
            {
                loader: 'ts-loader',
                test: /\.tsx?$/,
                exclude: /node_modules/,
            },
        ]
    },

    resolve: {
        extensions: [".tsx", ".ts", ".js", ".json"]
    },
};

据我所知，它应该加载带有game.ts入口点的typescript，应该在项目文件夹的dist文件夹中放置一个foobundle.js

如果有什么问题的话，它应该把游戏捆绑起来，对吗？但根本没有创建包

我通过运行运行package.json的npm start来运行它。在脚本中，它启动webpack dev server-模式开发

webpack dev server不发出任何文件，如果您想获取捆绑文件，则应改用webpack

e、 g

package.json

"build": "webpack --mode development"

---

@Script0r是您正在寻找的解决方案吗？