hooyantsing's Blog

P04 webpack的初体验

字数统计: 142阅读时长: 1 min
2020/11/27

尚硅谷2020最新版Webpack5实战教程

创建工程

创建工程,项目控制台输入:

1
npm init

安装webpack软件包:

1
2
3
# -g 全局安装 -D 本地安装
npm i webpack webpack-cli -g
npm i webpack webpack-cli -D

文件目录

  • src:源码目录
  • build:webpack打包后输出目录

总结

  1. 原生的webpack能处理 javascript/json ,不能处理css/img等其他资源。
  2. 生产环境和开发环境将 ES6 模块化编译成浏览器能识别的模块化
  3. 生产环境比开发环境多一个压缩js代码
CATALOG
  1. 1. 创建工程
  2. 2. 文件目录
  3. 3. 总结