什么是 webpack

• 网页呈现：元素(elements)、样式(styles)、逻辑(js)。
• 前端工程化：React、React-DOM、Webpack
• 打包工具。

webpack：

• 编译 React 文件(jsx/tsx)为 js 文件
• 编译样式文件(css/less/sass/scss)为 css 文件，将多个 css 合并一个，css 分别用哈希命名区分
• 创建 html 文件，并将 css 和 js 文件引入

专注 React 项目开发，编译、打包、调试、部署都交给 webpack。

TODOS

• 适配低端机
  • babel
  • polyfill
  • postcss-loader
• extra
  • support less
  • support tailwindcss
  • entry 里 filename 与 chunkFilename 的区别，与 htmlWebpackPlugin 的 chunks 的区别 (https://www.cnblogs.com/skychx/p/webpack-filename-chunkFilename.html)