tsconfig 的“outFile”和 webpack 配置的“output”有什么区别

Question

“输出”路径有什么不同？tsconfig 是一个加载器吗？运行 tsconfig 构建后，webpack 会解析“.ts”文件吗？
为什么找不到文件“src.js”？是不是被webpack自动删除了？

tsconfig.json：

{
    "compilerOptions": {
        "module": "amd",
        "noImplicitAny": true,
        "removeComments": true,
        "preserveConstEnums": true,
        "outFile": "src.js",
        "sourceMap": true
    },
    "include": [
        "src/**/*"
    ],
    "exclude": [
        "node_modules"
    ]
}

webpack.config.js：

module.exports = {  
    entry: './index.ts',  
    output: {  
        filename: './dest.js'  
    },  
    module: {  
        loaders: [{  
            test: /\.ts$/,  
            loader:'ts-loader'
        }]  
    },  
    resolve: {  
        extensions: ['.webpack.js', '.web.js', '.ts', '.js']  
    }  
}  

当我运行“webpack”时，找不到“src.js”，而“dest.js”则正常。

多谢。

Answer 1

输出文件

tsc该配置选项由 TS 编译器在使用命令时使用

连接输出并将其发送到单个文件。

您可以在此处阅读有关编译器选项的更多信息。

输出

Webpack该配置选项用于

顶级输出键包含一组选项，指示 webpack 如何以及在何处输出您的捆绑包、资产以及使用 webpack 捆绑或加载的任何其他内容。

为什么缺少 src.js

当你使用ts-loadera 而不是tsc作为 webpack 构建的一部分时，不会使用outFilefrom 选项。tsconfig.jsonWebpack 在加载.ts文件时检测到应将其传递给ts-loader，后者又使用编译器仅编译此文件，然后将输出返回到 webpack。它永远不会像那样适用于所有文件tsc。这就是为什么没有src.js生成的原因。