写过 React ，用的是 create-react-app ，写过 Vue ，用的是 vue-cli , 第一次想了解一下 Webpack 。
其实根本没有好好用过 Webpack ，所以边写边查边错边改，最终实现了一个比较简单的demo。名字起的入门指南，其实只是一个小白的学习笔记…吧。所以路过的 dalao 有时间烦请指点一下。
我的环境 Mac OS, node: v8.11.1, npm: 5.6.0, Webpack: 3.12.0
0. 什么是Webpack
我就不说乱七八糟的术语了，就是把很多的 JS 文件打包到一个文件（当然也可能不止一个）的工具，方便我们写模块化的 JS 代码。而通过一些 plugin 和 loader 可能提供一些其他有用的功能以及处理其他格式的文件。
1. 简单的应用先创建一个文件夹，在终端运行命令 npm init 来创建一个 package.json 文件，这个文件用来描述项目信息，随便填或者一直回车就可以。
package.json
{ "name": "webpack-study-note-1", "version": "1.0.0", "description": "webpack学习笔记", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "repository": "https://github.com/G-lory/front-end-practice/tree/master/webpack/study-notes", "author": "G-lory", "license": "ISC" }