3

“输出”路径有什么不同?tsconfig 是加载器吗?和 webpack 在运行 tsconfig 构建后解析“.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”没问题。

非常感谢。

4

1 回答 1

3

输出文件

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

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

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

输出

此配置选项Webpack用于

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

为什么缺少 src.js

当您使用ts-loader而不是 atsc作为 webpack 构建的一部分时,不使用outFile选项 from 。tsconfig.jsonWebpack 在加载.ts文件时检测到它应该被传递给ts-loader,然后使用编译器只编译这个文件,然后将输出返回给 webpack。它永远不会像所有文件那样tsc工作。这就是为什么没有src.js生成。

于 2017-06-23T05:13:14.287 回答