在Visual Studio中运行时运行cmd / terminal命令

Question

背景

我正在Visual Studio中创建一个小项目来学习React。但是，当我在app.tsx中进行更改时，必须运行

node_modules\.bin\webpack app.tsx --config webpack-config.js 

让我的项目重新运行Webpack的命令，以便我可以构建和运行更改后的代码。

一定有更好的方法来做到这一点？

我想做什么

我想知道当我在Visual Studio中按下运行按钮时是否可以自动运行此命令。或者，如果有更好的方法，请知道如何简化此过程。

完成其他JavaScript项目后，我使用了流浪汉或为此目的而自动化的构建服务器（请检查代码是否有变化，请更新“转换/构建/编译”代码）。但是这些过程从一开始就是自动化的，而不是我的，所以我真的不知道该怎么办。

我尝试过的

由于我从未遇到过这是一个问题的情况，所以我真的不知道如何解决这个问题。我已经搜索了“在运行时在cmd / terminal中自动运行命令”和类似的搜索字符串的方法，但是它们全都导致解决了除此以外的问题。

问题

如何配置VS /实现运行

的代码段

node_modules\.bin\webpack app.tsx --config webpack-config.js

当我在Visual Studio中按“运行”时，在cmd /终端中的

命令？

编辑：

我已经解决了问题。

在其官方docs上说，我需要的功能是“观看” ，并且说该功能是：

In webpack-dev-server and webpack-dev-middleware watch mode is enabled by default.

但是不是。因此，为了启用它，我必须使用 watch：true

在webpack-config.js中添加一行

现在可以使用的配置如下：

module.exports = {
devtool: 'source-map',
entry: "./app.tsx",
mode: "development",
output: {
    filename: "./app-bundle.js"
},
resolve: {
    extensions: ['.Webpack.js', '.web.js', '.ts', '.js', '.jsx', '.tsx']
},
module: {
    rules: [
        {
            test: /\.tsx$/,
            exclude: /(node_modules|bower_components)/,
            use: {
                loader: 'ts-loader'
            }
        }
    ]
},
watch:true
}

现在我只需要运行一次命令，它就会检查项目代码中的更改并自动重新打包webpack。