创建一个基本的webpack4.x的项目

1. 运行npm init -y 快速创建项目（安装完之后，会多出一个package.json文件）
2. 在项目的根目录创建一个src源码目录和dist产品目录
3. 在src目录下创建一个index.html,和一个index.js文件
4. 使用cnpm或npm 安装webpack，命令为 cnpm install webpack -g ，还要安装一个webpack-cli ,webpack4.x之后cli就要单独的安装了，命令为： cnpm install webpack-cli -g
5. 安装好之后，要手动创建一个webpack.config.js的文件，此时在命令行运行webpack 会报如下错误。
   
   此时我们要在刚才创建好的webpack文件里写上：

module.exports = {
  mode:'production'  // development：打包出来的文件，没有经过压缩，production:打包出来的文件经过压缩
}

写好保存之后，再次运行就不会报错了。
我们看一下development和production打包出来的大小对比 ，第一个是用的development，第二个是production，对比大小还是很明显的。

注意：webpack4.x是约定大于配置的概念，目的是为了尽量减少配置文件的体积

1. 打包的入口是src文件夹下的index.js
2. 打包的出口是dist文件夹下的main.js
   这是一个简单的webpack4.x建好之后的目录结构
   
   6 、检验，随便在src下的index.js写点内容，然后在index.html中引入dist ->main.js文件，浏览器打开index.html，是否跟出现你在js写的内容，就代表成功了。