通过导入为 Typescript 配置 WebPack

Question

typescript的webpack配置教程是这样的：

const path = require('path');

module.exports = { ... }

将其用作es模块并使用例如配置它不是更好吗？进口。或者有没有像上面那样配置的原因？我找不到任何这样配置的示例：

import webpack from "webpack";
import path from "path";

export default () => { ... }

Answer 1

TypeScript 和更新的 ES 标准是普通 JavaScript 的超集。使用广泛支持的语法和功能编写配置文件使其更广泛可用和可接受，而无需额外设置。

TypeScript 在某些方面是一种更好的做法，但您需要引入额外的依赖项和配置才能使用它，在某些组织中您甚至没有这种自由。类似于 ES，Node.js 直到 v12 才原生支持 mjs。

好消息是Webpack还支持用TypeScript等多种语言编写配置，详见https://webpack.js.org/configuration/configuration-languages/

如果由于某种原因您无法直接编写 TypeScript，也可以通过使用 TypeScript JSDoc 注释来获取 IntelliSense 等功能：

/** @type { import('webpack').Configuration } */
const config = {...};
module.exports = config;

Configuring WebPack for Typescript with import