webpack配置

1.新建文件夹 webpack-demo

vscode 打开文件 -》打开控制台（只要进入文件目录中）

2.初始化webpack

webpack init -y  //生成package.json

3.安装webpack

npm install webpack webpack-cli -D --registry=https://registry.npm.taobao.org

会生成 红框内的文件

4.新建webpck.config.js 的配置文件 默认的文件名

5.package.json的配置

mode:production 输出代码压缩  development :不压缩

6.整体目录

7.npm run dev 就可以启动了。

8.浏览器输入 localhost:3000/index 

二：babel es6向es5转化工具  

安装：npm install @babel/core @babel/preset-env babel-loader -D --registry=https://registry.npm.taobao.org

@babel/core 组/模块 装完后 package.json中就有了

在项目根目录下新建 .babelrc 文件是一个json文件

在webpack.config.js中配置模块信息

js中es6就转变了es5

三：配置生产环境 新建文件 webpack.prod.js

文件配置内容，去掉了开发环境的devServe

package.json 配置读取

运行