创建基本的webpack 4.x项目 笔记

1.运行npm init -y快速初始化项目

2.在项目根目录创建src源代码目录和dist产品目录

3.在src目录下创建index.html

4.使用cnpm安装webpack,运行cnpm i webpack webpack-cli -D

5.注意: webpack 4.x提供了约定大于配置的概念;目的是为了尽量减少配置文件的体积;

默认约定了:

。打包的入口是src > index.js

。打包的输出文件是dist -> main.js

。webpack 4.x 中新增了mode选项（为必须项）可选值为 development 与 production

小结：
1.在webpack 4.x 后提供预定大于配置的概念，可以使配置文件中代码量有所减少，例如：entry入口，output出口，就省略了。只留下了mode，mode中值不同打包的文件格式积也不同。当然如果，要修改默认打包文件也可以写 值 修改默认打包文件出入口等