我正在使用webpack加载器ts-loader
将typescript源文件编译成javascript包。现在我希望单独编译的javascript文件也被保存,同时保存bundle文件!我熟悉编写非常简单的webpack插件,但我不知道如何实现这个功能。也就是说,我不知道webpack触发哪些事件需要监听以及在哪里找到相关数据。有什么帮助吗?
我正在使用webpack加载器ts-loader
将typescript源文件编译成javascript包。现在我希望单独编译的javascript文件也被保存,同时保存bundle文件!我熟悉编写非常简单的webpack插件,但我不知道如何实现这个功能。也就是说,我不知道webpack触发哪些事件需要监听以及在哪里找到相关数据。有什么帮助吗?
如我所评论的,您不能使用webpack编译的单个文件。否则可能会出现“Uncaught ReferenceError: __webpack_require__ is not defined”错误。
最好编写自己的loader
或要求ts-loader
提供保留转换后源代码的选项。
或者,我已经编写了一个loader,可以将typescript编译后的文件保存为单个文件。
您可以像下面展示的那样使用此loader作为第二个loader或post-loader:
作为第二个loader:
module: {
loaders: [{
test: /\.ts?$/,
loaders: ['scatter-loader', 'ts-loader']
}]
}
module: {
loaders: [{
test: /\.ts?$/,
loaders: ['ts-loader']
}],
postLoader: [{
test: /\.ts?$/,
loaders: ['scatter-loader']
}]
}
Note: scatter-loader
work is in progress.