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

Question

我正在使用webpack在js中转换我的t。我希望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。使用typescript编译器来实现这个功能。只需使用/运行tsc。

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

为了便于使用，您可能需要全局安装它

npm install -g typescript