插件机制
自动处理某些事情,而loader 只是转换文件成js.
webpack 也为插件提供了平台,当然也可以自己修改默认配置 plugin.config.js.
比loader命题机制更广,plugin自定实现某些功能。利用class()的钩子。
webpack的开发环境
1 http环境: 可以看到页面 。liveserver DEserver httpServer
2 实时构建。不用每次都 webpack指令、
3 纠错检测。
1和2现在是 在本地建立一个服务器 打包后 直接放在内存里不输出位文件夹 ->浏览器直接访问本地localhost:8080 文件就行。
webpack 是套平台方案 主要功能 打包+方便开发
核心功能 :laoder 打包
方便开发功能 各种插件机制
自有特点:
1 反向纠错 SourceMap 开发环境很有用 (便于开发调试-纠错 )
2 devServe 本地内存打包-部署本地liveServer -本地浏览器访问 (便于开发调试 -不用频发 cli,还可以看效果)
3 HMR 热热更新 (便于开发调试 安装更新依赖 不用频繁重启)