本文将为大家详细讲解一下webpack这个后端模块化工具的使用体验是怎样的。 学习。
说起webpack介绍1.（引用webpack官网的一句话）：
webpack 是现代 JavaScript 应用程序的模块捆绑器。 当 webpack 处理应用程序时，它会递归地构建一个依赖图（dependency graph），其中包含应用程序所需的每个模块，然后将所有这些模块打包成少量的包 - 通常只有一个，由浏览器负载决定。
它是高度可配置的，但是，在开始之前您需要了解四个核心概念：入口、输出、加载器和插件。
2、个人理解：
这里就说了这么多，它可以把项目中的资源文件当成模块，然后打包成一小部分或者一个文件，然后我们引用这个文件。
3、怀疑：
在座大家可能会很困惑，我当时也想，这怎么办？ 是如何打包成一个文件的呢？ 那么js、css、图片呢？ 还有这些操作？ 我能怎么办，那就只能选择相信了。
4、手感：
其实，学习某个工具，我们只需要知道它能做什么，然后如何使用它，但有时我们并不需要去猜测它具体实现的细节。 我们只需要知道它是什么，而不是为什么。 就用这个东西吧，它本来就是一个工具。 就像开车一样，我们只要学会怎么开就可以了，不用太关心他为什么会开。 如果你开车太多，你就会成为老司机，不是吗，这没有什么问题。 工具给我们带来方便就足够了。 除非你是工具制造商。 但如果你对webpack特别感兴趣，可以去它的github看看。
webpack 可以做什么：
说的是webpack可以打包模块，但实际上它的功能有很多。
上面的例子是常用的，功能也比较多。 都是通过webpack的loader和plugins来实现的，可以说是非常强大了。
网络包安装：
前提是nodejs和npm，在网上搜索安装，目前的nodejs也会有npm，所以直接安装nodejs即可。
通过cmd运行（使用win操作系统）：node -v 和 npm -v 如果都返回版本号，则安装成功。
然后webpack就要安装了，命令行运行：
//全局安装npminstall-gwebpack //创建文件夹mkdirwebpack-demo //进入项目 cdwebpack-demo //初始化，生成默认的package.json文件 npminit-y //在当前项目安装webpack npminstallwebpack--save- dev//这里安装成功
感受：整个过程和安装gulp类似，就是npm模块的安装过程。
说到npmwebpack操作，推荐使用国外的cnpm天猫镜像，非常好，速度也快很多。 你也可以浏览npm的官网查看你想看的模块，里面有模块的详细介绍。
webpack的关键文件：webpack.config.js
Entry：入口文件，即要打包的文件，这里可以是一个也可以是多个。
output：输入文件，表示打包后的文件将输出到哪里，可以使用一个或多个。
module：模块，里面的规则是一个字段，里面存放了项目中需要使用的加载器，加载器可以对资源文件进行一系列的处理。 常见的loader：style-loader、css-loader、less-loader、babel-loader、url-loader等。
plugins：插件，将需要的功能添加到webpack中，比如上面的例子就是手动生成html模板插件。
我在这里分享一下我关于后端模块化工具webpack的经验。 希望以上内容能够对您有所帮助，让您能够学到更多的知识。 如果您觉得文章不错webpack操作，可以分享出去，让更多的人听到。
