如何使用Parcel Bundler将打字稿文件捆绑为单个js文件？

Question

我正在使用非常基本的设置来测试Parcel Bundler，但是在尝试将所有Typescript文件捆绑到一个JS文件时遇到了错误。

tsconfig.json

{
    "compilerOptions": {
        "sourceMap": true,
        "strict": true,
        "noImplicitReturns": true,
        "noImplicitAny": true,
        "outFile" : "./dist/bundle.js",
        "module": "CommonJS",
        "strictPropertyInitialization": false,
        "moduleResolution": "node",
        "target": "es5",
        "allowJs": true,
    },
    "include": [
        "./src/**/*"
    ]
}

  

错误：--outFile仅支持“ amd”和“系统”模块

但是当我忽略outFile : "./dist/bundle.js时，所有Typescript文件都会被编译为单独的.js文件

按照错误提示将模块设置更改为system或amd毫无意义。我不使用SystemJS或AMD，因此它们会在浏览器中产生错误：

  

ReferenceError：找不到变量：System

     

TypeError：未定义不是函数（AMD）

如何告诉Parcel将TS文件打包为一个JS文件？

Answer 1

您使用包裹的方式错误。使用宗地时，应使用单个条目（用于浏览器的HTML或用于节点的js），然后运行parcel entry，宗地将自动输出所需的内容。

根据问题的描述，我猜您正在使用tsc，您应该将其与包裹一起使用。因此也不需要outFile选项。