使用 `webpack-dev-server` 时可以配置`ts-node` 吗？答案

【问题标题】：Can I configure`ts-node` when using `webpack-dev-server`?使用 `webpack-dev-server` 时可以配置`ts-node` 吗？
【发布时间】：2021-08-13 00:56:44
【问题描述】：

我的项目结构是这样的

.
└── my-app/
    ├── .configs/
    │   ├── tsconfig.json
    │   ├── webpack.merge.ts
    │   ├── webpack.dev.config.ts
    │   └── webpack.prod.config.ts
    ├── node_modules
    ├── src/
    │   └── index.tsx
    └── package.json

我已经安装了ts-node 和webpack-dev-server。当我运行 npm start 时，我收到打字错误，因为我怀疑 ts-node 正在检查 webpack 配置：

error TS7006: Parameter 'env' implicitly has an 'any' type.

如何配置webpack-dev-server 设置以在运行ts-node 时使用配置文件.configs/tsconfig.json？我在"start" 命令中缺少一个可以传递给ts-node 的选项吗？

package.json

...
"start": "webpack serve --config ./.configs/.webpack.merge.ts --mode=development",
...

webpack.merge.ts

import webpackMerge from 'webpack-merge';
import devConfig from './webpack.dev.config';
import prodConfig from './webpack.prod.config';


export default (env, arg) => {
  const envConfig = arg.mode === 'production'
    ? prodConfig
    : devConfig;

  return webpackMerge({}, envConfig);
};

【问题讨论】：

标签： typescript webpack-dev-server ts-node

【解决方案1】：

这个答案紧随Can I set a typescript configuration `tsconfig.json` path on the VSCode IDE to use?

如果您按照那里发布的解决方案进行操作，那么 ts-node 将读取根目录下的 tsconfig.json。

【讨论】：