1-1. entry(代码打包入口)

  1. 打包的入口,代码的入口

1-2. output(代码打包出口)

  1. 打包文件的(bundle)所在的目录

1-3. Loader

  1. 可以处理非js文件
  2. loader是配置在module中的
  3. wepack自身只能处理jsjson文件,
  4. 加上loader后,能让wepack去处理非js(css)的文件。
  5. loader可以将所有类型的文件转换为webpack能够处理的有效模块

1-4. plugin

  1. 插件(plugin)可以用于执行范围更广的任务。插件的范围包括,从打包优化和压缩,一直到重新定义环境中的变量等。

1-5. mode(模式)

  1. development/production
  2. 例:mode:"development" //模式
  1. / 结论
  2. 1. webpack能处理js/json资源,不能处理css/img等其他资源
  3. 2. 生产环境与开发环境的区别:生产环境比开发环境多了一个压缩js代码
  4. 3. 生产环境和开发环境将ES6模块化编译成浏览器能识别的模块化