webpack构建工具初始化并运行简单的demo

webpack官网：https://webpack.js.org/

webpack是模块打包工具

安装webpack的前提：node,npm要安装

初始化项目

首先是初始化项目，创建一个文件夹，并且进入文件夹使用npm init进行初始化

//项目里安装webpack的方法
mkdir q_webpack  //创建q_webpack文件夹
cd q_webpack  //进入该文件夹
npm init -y（这种默认创建不询问）  || npm init （这种每步都要询问下）//创建package.json,必须要有这个才能安装模块
npm install webpack --save-dev
npm install webpack-cli --save-dev  //4.x版本及以上要安装webpack-cli
上面两条命令可简写
npm install webpack webpack-cli -D
通过 npx webpack -v  查看webpack版本   注：webpack -v 是查找全局的，安装在项目的用webpack -v是查不到的 

//不建议全局安装，如果有两个通过webpack创建的项目，一个是webpack3.x版本 一个是webpack4.x版本，如果全局安装的版本是webpack4.x版本，那么webpack3.x版本的项目就运行不了，
要想运行，必须删除全局的，安装本地webpack
全局安装方式： npm install webpack webpack-cli -g
删除 ：npm uninstall webpack webpack-cli -g

npm info webpack  可以查看webpack的历史版本有哪些
安装指定版本的 npm install webpack@x.x.x webpack-cli --save-dev

安装完后生成一下内容