node.js - 如何设置服务器端 Node.js 项目以使用 Typescript 和 Webpack

Question

我正在寻找资源(youtube 或其他文章)来展示如何使用 Typescript 和 Webpack 设置服务器端 Node.js 项目。我发现太多描述将 typescript 添加到客户端/浏览器端项目的文章。我不需要知道这一点，因为我正在使用 Angular。我想使用 webpack，因为这是嵌入在 Angular 项目中的内容，因此从学习的角度来看，在服务器上使用相同的技术似乎是有意义的。我似乎无法在 Typescriptlang.org 上找到我需要的信息。我知道如何创建 Node.js 项目，因此我不需要 Node.js 初学者教程/资源。这里的关键是如何将 Typescript 和 Webpack 添加到 Node.js 服务器项目中。谢谢。

Answer 1

与浏览器环境配置没有太大区别。首先，您必须使用 Webpack 的 target 选项来编译代码以便在 NodeJS 环境中使用，如下所示:

module.exports = {
    target: 'node'
};

这是这部分的文档:Webpack Targets

此外，您还必须确保已安装@types/node。

典型的 webpack 配置可能是:

const path = require("path");

module.exports = {
    entry: "./src/index.ts",
    target: "node",
    output: {
        filename: "bundle.js",
        path: path.resolve(__dirname, "build")
    },
    module: {
        rules: [
            {
                test: /\.tsx?$/,
                use: 'ts-loader',
                exclude: /node_modules/
            }
        ]
    },
    resolve: {
        extensions: [ ".tsx", ".ts", ".js" ]
    },
}

这是我制作的一个小型工作项目作为示例:node-typescript-boilerplate

我建议使用 webpack 的 nodemon 插件:nodemon-webpack-plugin ，它将帮助您在每次更改代码源后自动重新启动应用程序。