webpack入门

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

一切文件：JavaScript、CSS、图片、模板等，在webpack眼中都是一个个模块，这样的好处是能清晰的描述出各个模块之间的依赖关系，以方便webpack对模块进行组合和打包。经过webpack的处理，最终会输出浏览器能使用的静态资源。
webpack具有很大的灵活性，能配置如何处理文件，大致使用如下：

module.exports = {
  // 所有模块的入口，webpack从入口开始递归解析出所有依赖的模块
  entry: './app.js',
  output: {
    // 把入口所依赖的所有模块打包成一个文件bundle.js输出
    filename: 'bundle.js'
  }
}