webpack的基础用法用法

webpack
是一个现代JavaScript应用程序的静态资源打包器。有四个核心模块：

1. entry 入口
2. output 输出
3. module loader
   因为webpack只识别JavaScript、json文件。对于其他类型的文件，就需要使用对应的loader将其处理成webpack识别的类型
   module: {
   rules: [
   {
   test: 正则匹配某个或某些文件应该被其对应loader转换成js文件,
   use: 指定用哪个loader转换
   }
   ]
   }
4. plugins 插件
   可用于执行范围更广的任务。比如：打包优化、压缩等
   此外，还有：
   mode,指定环境，是development还是production；
   热加载