webpack

webpack 是一个现代 JavaScript应用程序的静态模块打包器，当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。

webpack的四个核心概念

入口(entry)

入口起点标明了webpack应该使用哪个模块，从哪个文件作为构建依赖包的开始
可以在webpack.config.js中的entry配置简单入口

1
2
3

module.exports = {
  entry: './path/to/my/entry/file.js'
};