3. 初始化项目:

使用命令npm init -y后在项目根目录下生成package.json配置文件 这个配置文件中的”scripts”部分为重点, 可以添加npm自定义的命令

安装webpack:

  • npm install webpack webpack-cli -dev

4. 配置package.json文件

在scripts部分中添加 "build":"webpack" 表示我们可以通过npm build命令来运行webpack

1. 热打包功能(可选项):

在scripts部分中添加 "start":"webpack serve --open 浏览器.exe" 表示我们可以通过npm start开启热打包服务并打开浏览器预览

5. 编写webpack配置文件:

child::webpack配置文件

6. 配置ts编译设置(可选)

ts 编译配置文件