webpack:转译文件，以便输出输出在源文件旁边

Question

我正在使用webpack将我的ts转换为js。我希望将js文件放置在与其ts源相同的位置。现在我通过有很多切入点来"作弊"。入口点是文件的路径。

这是我的配置片段

entry: {
    'path/to/my/file':'path/to/my/file.ts',
    'other/path/to/other/file':'other/path/to/other/file.ts'
},
output: {
    path: rootFolder,
    publicPath: outputFolderName + '/',
    filename: '[name].js'
}

这目前有效。我想知道是否有更清洁的方法可以做到这一点。某种不依赖于将入口点的名称作为路径的方法，以便入口点更灵活。

Answer 1

您为此

作业使用了错误的工具。Webpack 是捆绑器，它旨在将许多文件捆绑到单个包中。

你要做的是将Typescript编译成Javascript。为此使用打字稿编译器。只需使用/运行tsc。

只要确保tsconfig.json中的outDir相等.或根本不存在即可。

您可能需要全局安装以方便使用

npm install -g typescript