对webpack的理解?解决了什么问题?

0 阅读1分钟

什么是webpack?

webpack 是一个用于现代 JavaScript 应用程序的静态模块打包工具

这里的静态模块指的是开发阶段,可以被 webpack 直接引用的资源(可以直接被获取打包进 bundle.js 的资源)

当 webpack 处理应用程序时,它会在内部构建一个依赖图,此依赖图对应映射到项目所需的每个模块(不再局限 js 文件),并生成一个或多个bundle

webpack解决了什么问题

  • Webpack Webpack 是一个项目打包工具
  • 可以压缩代码图片
  • 可以启动一个热加载服务器
  • 配置跨域
  • 路径别名
  • 打包分析
  • cdn映入
  • 去掉console.log
  • 单独打包第三方模块
  • ie兼容
  • eslint规范
  • 代码编译能力,提高效率,解决浏览器兼容问题
  • 模块整合能力,提高性能,可维护性,解决浏览器频繁请求文件的问题