Javascript webpack:传输文件,因此输出位于源文件旁边

Javascript webpack:传输文件,因此输出位于源文件旁边,javascript,typescript,webpack,Javascript,Typescript,Webpack,我正在使用webpack在js中打开我的ts。我希望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: ou

我正在使用webpack在js中打开我的ts。我希望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'
}

这一点目前有效。我想知道是否有更干净的方法来做这件事。不依赖于将入口点的名称作为路径的某种方式,以便入口点更灵活。

此作业使用了错误的工具。Webpack是bundler,它被设计成将多个文件捆绑到单个包中

您要做的是将Typescript编译成Javascript。使用typescript编译器来实现这一点。只需使用/run
tsc

只需确保
tsconfig.json
中的
outDir
等于
或根本不存在

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

npm install -g typescript

为什么不使用默认的typescript编译器功能?它允许您在不使用网页包的情况下执行此操作