webpack的创建

1，新建文件夹：vscode打开 
2，用npm管理工具管理起来，在终端输入：npm init -y  ---> 产生package.json文件，如果文件夹是中文则
输入：npm init 手动在输入中文名称
3，创建src目录存放项目，创建dist存放打包后的文件，在src下创建index.html是项目的主页面，创建main.js
是项目js的入口文件
4，（可省略）查看是可以打包，在main.js中写入代码，在终端下：webpack .\src\main.js .\dist\bundle.js
进行打包
5，下载自动打包工具：cnpm i webpack-dev-serevr -D 这个工具可以进行实时的打包
6，在项目的根目录下新建一个 webpack.config.js 用于配置文件
7，webpack-dev-serevr 依赖于 webpack 所以下载：cnpm i webpack -D
8，在webpack.config.js中使用 node的require('./xxx') 语法来构建，因为webpack就是基于node来构建的，
所以webpack支持一切node语法
9，把配置项文件暴露出来，module.exports = {}
10，自动打包在package.json中的scripts中添加 "dev": 'webpack-dev-server'，npm run dev运行；
11，这个时候浏览器打开了一个目录，要求在目录中打开src，在package.json的scripts中的dev设置 --open 等；
12，这个时候需要给将html代码加载到内存中去，这时候须得  https://blog.csdn.net/weixin_44684357/article/details/109440239