模块，插件，组件三者有点搞混了？

根据老师的讲解，我理解为模块就是一个JS文件，主要的把部分代码分离出去；插件是不是也是一组文件，其中应该有js文件，其他文件有没有就不清楚，请老师解答，插件的功能主要的完成某一个任务或者说功能对吧？，最后组件就是一个内嵌有js，css，的HTML文件（当然也可以分模块引入），然后通过引入组件实现页面某一个地方的页面对吗？

因为最终都是文件，我希望用文件的方式来讲清楚，以上只是我的理解，也不知道对不对，总之觉得很复杂，不知道什么时候用这，什么时候用那?

还有实际开发的时候肯定都会用框架，这些编译的Babel,打包器Webpack，还有这么多loader，太复杂啦，这些都应该在框架内部都弄好的把，怎么感觉这个都是把简单的事情搞复杂，应该把复杂的事情搞简单才对啊，

慕田峪6263377 2021-01-03

源自：Babel 与 Webpack 5-5 使用file-loader处理CSS中的图片

收起

1回答

卡布琦诺 2021-01-03 20:55:18

同学你好，模块、组件、插件定义分别如下：

1、组件：代码重用，功能相对单一或者独立，无统一接口。组件化开发的成果是基础库和公共组件

2、插件：近乎组件，有统一接口，可以说是封装了一层对外调用的接口的组件

3、模块：功能相对复杂，有多个统一接口。模块化开发的基础是框架

值得注意的是：大的组件也可以称为模块，小的模块也可以称为组件，所以，组件和模块的划分并没有那么泾渭分明。

希望可以帮到你，如果还有疑问，可再次提问。

收起回答

好帮手慕斯林 #1

老师的接受有点文字化了，组件，插件和模块可以用我们学习到的知识举例子吗？比如babel是插件等，这样可以更容易加深理解，谢谢！

2021-01-14 09:30:46
卡布琦诺回复好帮手慕斯林 #2

同学你好，关于同学的疑惑解答如下：
1、什么时候用这，什么时候用那？以及实际开发中是否框架已经备好了？
Babel 和 Webpack 等工具并不是和框架绑定的，实际开发的时候，也并不总是使用框架，复杂的项目可能会使用框架，一些小项目则完全没必要使用框架，但是可能都会使用Babel和Webpack等工具，所以我们要会。而且即使使用框架，Vue、React 等框架一般只有基本的配置，并不能涵盖我们的各种需求（因为别人也不知道我们在实际开发中会有什么稀奇古怪的需求），如果我们有其他需求就需要自己配置了，不懂得如何自己配置，永远不可能应对复杂而多变的需求，所以我们这里讲得可以看做是最基础的东西，并不是说在实际开发中一定要从头配置，我们也可以使用别人配置好的，但也一定要会自己配置。

2、模块、插件、组件三者的区别？
模块：将复杂的代码拆解为独立且通用的简单代码单元，所以简单理解成拆分出的一个个 JS 文件组成最终的功能也是可以的。
组件：可以简单理解为包括结构（HTML 文件）、样式（CSS 文件）和功能（JavaScript 文件）组成的网页区块。
插件：是一种遵循特定规范而编写出来的代码，一般不能脱离指定的平台单独运行。比如 jQuery 插件，Webpack 插件都是如此
希望可以帮到你，如果还有疑问，可以再次提问，我们一起探讨。祝学习愉快~

2021-01-17 11:15:45