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

问题描述

我认为webpack-loader具有与babel-plugin相同的功能！！

那么您能帮助我回答两者之间的区别吗，难道不是全部通过AST来操纵代码吗？

解决方法

Babel ：会将您的ES6 +代码转换为ES5友好代码，因此您可以立即开始使用它，而无需等待浏览器支持；

Webpack ：用于javascript和朋友的捆绑程序，将许多模块打包到少数捆绑资产中。代码拆分允许按需为应用程序加载零件。通过“加载程序”模块可以是CommonJs，AMD，ES6模块，CSS，图像，JSON，Coffeescript，LESS，...，以及您的自定义内容。

简单地说， Webpack 是用于将代码通过处理管道并将其捆绑到单个JavaScript文件中的工具。

Babel 可以在“ JavaScript编译器”类别中归类为工具，而 Webpack 则归类为“ JS Build Tools / JS”任务执行者”

有关更多说明，请参见此答案Webpack loaders vs plugins; what's the difference?

也请查看此中等帖子Webpack explained simply