Javascript 如何使用ts加载器将混淆器加载器应用于ts文件

Javascript 如何使用ts加载器将混淆器加载器应用于ts文件,javascript,typescript,webpack,Javascript,Typescript,Webpack,我想将我的typescript编译成javascript,然后运行另一个加载程序对其进行模糊处理(使用bundle.js并将其模糊处理到另一个文件中) 看起来应该很容易,但当我尝试不同的选择时,却没有成功。我试着为bundle.js设置一个入口点,但这似乎也不起作用。最好的方法是什么 module.exports = { mode: "development", entry: { bundle: "./main.ts", }, devtool: 'inline-source-

我想将我的typescript编译成javascript,然后运行另一个加载程序对其进行模糊处理(使用bundle.js并将其模糊处理到另一个文件中)

看起来应该很容易,但当我尝试不同的选择时,却没有成功。我试着为bundle.js设置一个入口点,但这似乎也不起作用。最好的方法是什么

module.exports = {
  mode: "development",
  entry: {
    bundle: "./main.ts",
},
  devtool: 'inline-source-map',
  module:{
    rules: [
        {
            test: /\.tsx?$/,
            include: [ path.resolve(__dirname, ".") ],
            use: {
                loader: 'ts-loader',
                loader: 'obfuscator-loader'
            },
            exclude: /node_modules/
        }

只需在列表顶部添加必要的加载程序:

module.exports = {
  mode: "development",
  entry: {
    bundle: "./main.ts",
},
  devtool: 'inline-source-map',
  module:{
    rules: [
        {
            test: /\.tsx?$/,
            include: [ path.resolve(__dirname, ".") ],
            use: [
                 'obfuscator-loader',
                 'ts-loader',
            ],
            exclude: /node_modules/
        }

执行顺序始终是从下到上。模糊器->ts加载器->其他随机加载器

谢谢,但由于一个有趣的原因,它没有这么做。从这个错误中可以看出,第二个webpack模块在ts完全编译成js之前正在运行,并且(我猜)触发了一个错误。./main.ts模块构建失败(来自./node_modules/ts loader/index.js)中出错:类型错误:this.cacheable不是一个函数。看起来最简单的解决方案是在package.json中使用ts编译器,而不是使用网页包加载程序。这样,WebPack看到的所有内容都将是完全编译的javascript。您正在尝试在ts loader之后运行模糊器吗?您希望运行哪些装载机,以及以何种顺序运行?因为你的问题不是很清楚。我想做以下任务:1)将所有的.ts文件编译成javascript 2)pack.js文件(带有网页包)在bundle.js 3)中,对已编译、打包的javascript文件运行模糊处理程序。@SDAFO这是加载程序的顺序。它将编译/传输typescript并为传输的每个typescript文件运行模糊处理程序。\n当我修改代码以运行ts loader,然后运行模糊处理程序时,它会触发一个错误:模块构建失败(来自./node\u modules/ts loader/index.js):TypeError:this.cacheable不是Object.loader上的函数使用:['ts加载器','模糊加载器'],