1.初始化项目

npm init -y
# 全局安装
npm install webpack webpack-cli -g
# 保存在项目中
npm install webpack webpack-cli -D

2.创建入口文件

创建src\index.js

console.log("Hello Yiu!")

3.打包

打包后的文件可直接放在html中使用。

# 开发环境打包
# webpack 能够编译打包 js 和 json 文件，并且能将 es6 的模块化语法转换成
# 浏览器能识别的语法。
webpack src/js/index.js -o build/js/built.js --mode=development
# 生产环境打包
# 在开发配置功能上多一个功能，压缩代码。
webpack src/js/index.js -o build/js/built.js --mode=production

4.总结

• webpack 能够编译打包 js 和 json 文件。
• 能将 es6 的模块化语法转换成浏览器能识别的语法。
• 能压缩代码。