2018-07-29

# Webpack入门

标签（空格分隔）： webpack

---

##模块化

>        模块化是指将一个复杂的系统分解为多个模块以方便编码很久以前，开发网页要通过命名空间的方式来组织代码，例如 jQuery 库将它的 API在了 window ,\$下，在加载完jquery后，其他模块再通过 window \$去使用 jQuery 。

        但是当一个项目足够庞大时，这种方式会出现很多问题，这时候就要采用模块化开发项目的思想了。

##webpack

>        Webpac是一个打包模块化 JavaScript 的工具，在 Webpack中，一切文件皆模块，通过 Loader转换文件，通过Plugin注入钩子，最后输出由多个模块组合成的文件。 Webpack 专注于构建模块化项目。

        webpack对于模块化开发项目具有巨大优势。

1. 专注于处理模块化项目，能做到开箱即用，一步到位。

2. 可通过plugin扩展，完整好用又不失灵活。

3. 使用场景不仅限于web开发。

---

##webpack的安装与使用

webpack的安装可以分为两种，一种是安装到本项目，一种是安装到全局环境。安装到全局，所有项目会共同使用同一个版本的webpack，但是不同项目根据实际业务需求用到的webpack版本可能不一样，所以安装到全局可能会导致冲突，因此建议安装到本项目。

###安装到本项目

    要将webpack安装到本项目，首先得需要创建一个新的web项目，创建一个新的文件夹，我们命名为，webpack-demo。