【模块打包工具】Webpack

Webpack的出现 使得 前端模块化的范围扩大了许多
以前 只是 JS 模块化
而现在 是 前端模块化 包括 样式 图片 字体等所有的资源模块化

核心特性

1、可以通过webpack 模块打包器 bundler 将零散的模块代码打包到同一个JS文件中
2、可以通过webpack 加载器 loader 加载器对某些模块进行转换
3、可以通过webpack 代码拆分 Code Splitting 让我们按需打包 渐进式加载

零配置起步

默认

src/index.js 一> dist/main.js

自定义

跟目录 添加配置文件 webpack.config.js 改文件是运行在nodejs环境中的文件
需要遵守CommonJS 规范 编写