Javascript 如何使用ts加载器将混淆器加载器应用于ts文件
我想将我的typescript编译成javascript,然后运行另一个加载程序对其进行模糊处理(使用bundle.js并将其模糊处理到另一个文件中) 看起来应该很容易,但当我尝试不同的选择时,却没有成功。我试着为bundle.js设置一个入口点,但这似乎也不起作用。最好的方法是什么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-
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加载器','模糊加载器'],