待更新...
这段话说的不大好理解,其实 webpack 主要做了以下工作:
- 模块化开发支持:支持直接从 node_modules 引入代码,支持多重模块化
- 处理代码的兼容性:比如 ES6 的代码降级,jsx 转换为 js, less/sass 转换为 css(不是 webpack 做的,webpack 将这些工具集成进来自动化处理)
- 提高项目性能:压缩代码,代码分割
- 提高开发体验:提供开发服务器,能够解决服务跨域的问题(本地代理)。监听文件的变化,文件变化后能够自动调用相应的工具重新处理、打包,在浏览器重新运行(热更新)
这样,我们就不用管理代码如何处理,如何在浏览器运行,只需要关注开发工作即可。