webpack-loader - webpack loader 和 babel-plugin 有什么区别？

Question

在我看来，webpack-loader 和 babel-plugin 的功能是一样的！！

那么能不能帮我解答一下两者的区别，不都是通过AST来操作代码的吗？

Answer 1

Babel : 将你的 ES6+ 代码变成 ES5 友好的代码，所以你可以立即开始使用它而无需等待浏览器支持；

Webpack：javascript 和朋友的捆绑器将许多模块打包成一些捆绑的资产。代码拆分允许按需加载应用程序的部分。通过“加载器”模块可以是 CommonJs、A​​MD、ES6 模块、CSS、图像、JSON、Coffeescript、LESS，...，以及您的自定义内容。

简而言之，Webpack是一种工具，用于将您的代码放入处理管道并将其捆绑到单个 JavaScript 文件中。

Babel可以归类为“JavaScript Compilers”类别中的工具，而Webpack被归类为“JS Build Tools / JS Task Runners”

有关更多说明，请参阅此答案Webpack loaders vs plugins; 有什么不同？

另请查看此 Medium 帖子Webpack 的简单解释