话说前头

  • webpack前段时间有听说一下，现在已经到了3.x的版本，自己没去接触。因为之前使用gulp来作为自己的项目构建工具。现在感觉gulp使用的趋势在减少。现在这段时间去接触了webpack，感觉很不错，它的模块化打包机制，对前端开发和性能方面都带来好处。这里不是说gulp不好，两者不作比较

  • 接下来会说说自己对webpack使用的感受，我不会一步步写出使用webpack的流程，因为关于webpack的教程有很多，但会写一些关键地方，注意地方，来加深对webpack的见解。

  • 学习就是这样，东看看西看看，看人家的对某件东西的见解，加上自己的理解，是否异同，慢慢积累，最终成为自己的知识。

webpack介绍

1.（引用了webpack官网的一句话）：

webpack 是一个现代 JavaScript 应用程序的模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成少量的 bundle - 通常只有一个，由浏览器加载。
它是高度可配置的，但是，在开始前你需要先理解四个核心概念：入口(entry)、输出(output)、loader、插件(plugins)。

2.个人理解：

这里说了这么多就是它能把项目中资源文件看成一个个模块，然后将他们打包成少量或一个文件，然后我们去引用这文件。

3.疑惑：

大家这里可能会疑惑，当时我也想，怎么能做到这个？怎么就打包成一个文件了？那么js，css，图片什么的怎么搞？还有这种操作？我能怎么办，那只能选择相信它。

4.感受：

其实学习某一样工具，我们只需要知道这东西能做什么，然后怎么用它，但它具体实现的细节，有时我们不必深究。我们只需知其然，不必知其所以然。尽管去用这个东西，它本来就是一个工具。就好比开一辆车，我们只需去学习怎么开，而不用太在意他为什么能开，开多了一样成为老司机，不是吗，没毛病吧。工具它能给我们带来便利，就足够了。除非你是制造工具的。但是如果对webpack非常感兴趣，可以去它的github上看看。

webpack能做的事：

上面说webpack能打包模块，其实还有很多功能。