我正在学习构建系统如何在JavaScript中工作。如果babel-loader
是将React
转换为JavaScript
的编译器,为什么它是webpack
插件的一部分?
transpiling
和bundling
不是一个单独的过程吗?
是否有资源说明所有这些框架如何组合在一起并使构建系统详细工作?我似乎只能在官方文档中找到高级概述。
答案 0 :(得分:1)
babel-loader
,除非在与其他构建工具互操作的情况下使用,但是即使那样也不会单独使用)。 .ts
处理ts-loader
个文件。这样,webpack会将扩展名为.ts
的文件传递给TypeScript编译器,并在捆绑包中而不是源程序中使用此编译的输出。babel-loader
为TypeScript做ts-loader
的工作;将文件传递给Babel编译器,并返回要在原始源程序的包中使用的结果。转嫁和捆绑不是一个单独的过程吗?
是的。这就是为什么我们要使用“ webpack捆绑器”,“ Babel编译器/编译器”和babel-loader
来将两者连接在一起的原因。没有babel-loader
,webpack将无法通过Babel处理文件。
希望有帮助。