webpack项目搭建
简易流程
1.创建一个项目文件webpack-demo
2.项目初始化：npm init -y（默认 简单） package.json配置文件 中private：true私有
我们还需要调整package.json文件以确保将包标记为private，并删除main条目。这是为了防止意外发布您的代码。
3.项目中下载webpack webpack-cli //npm install webpack webpack-cli -D
4.在项目文件中查询用npx webpack -v
5.npx webpack index.js(对index.js进行打包 默认通过webpack.config.js默认配置文件打包)
（也可以更改默认配置文件名npx webpack --config webpackconfig.js）
当webpack配置文件或node_modules发生变化时自动生成package-lock.json记录webpack版本信息及依赖的版本信息 而package.json只纪录了webpack的信息
6.为了方便也可以编写webpack默认配置文件webpack.config.js
7.
（npm info webpack可以查询版本号 下载对应版本[email protected]）
8.在项目中建以文件src存放用到的js文件
9.更改npx webpack打包方式，改用npm scripts简化打包代码 通过更改package.json中scripts “bundle”:“webpack"打开命令框执行npm run bundle进行打包
10.为了符合vue习惯将index.html放在打包文件dist中更改index.html中js目录
11.webpack-cli使webpack在命令框中被成功调用（总而言之都是调用了webpack）
12.webpack.config.js配置文件中module.export中mode:“development”
生成的package.js不是压缩版的
或者"production”(生成的js是压缩版的)这样在执行命令后不会显示warning警告
看文档：documention中的gettiong started 关于webpack配置文件以及打包的一些文档