前端工程化——webpack

41 阅读1分钟

webpack

webpack用来干什么?

  • 转译代码(ES6 转为 ES5,SCSS 转为 CSS)
  • 构建 build
  • 代码压缩
  • 代码分析

用到的工具

  • webpack@4
  • webpack-dev-server(用于本地预览,代替http-server和parcel)

安装

webpack 中文官网
Getting Started | webpack

  1. 打开cmder
  2. npm info webpack便可以查看webpack的所有版本号
latest: 5.75.0      //最新版本
legacy: 1.15.0      //最旧版本
next: 5.0.0-rc.6    //下一版本
webpack-2: 2.7.0    
webpack-3: 3.12.0
webpack-4: 4.46.0
  1. 开始安装
yarn global add webpack@4 webpack-cli@3
  1. 安装完成

image.png