webpack打包

安装webpack并使用打包

1. 全局安装webpack，执行初始化命令

# 全局安装 安装最新版本 @4.28.4,这样会有兼容性问题，所以选择安装 @3.8.1版本
npm i webpack@3.8.1 -g
# npm 初始化
npm init -y

2. 安装jquery

# 安装jquery
npm i jquery -D

3. 安装webpack-dev-server

# 安装webpack-dev-server
npm i webpack-dev-server@2.9.3 -D

webpack-dev-server@2.9.3 requires a peer of webpack@^2.2.0 || ^3.0.0 but none is installed. 
You must install peer dependencies yourself.
# npm i webpack@3.8.1 -g 全局安装好了后安装webpack-dev-server出现上述错误信息，说明需要把webpack 安装到项目依赖中，npm i webpack@3.8.1 --save-dev

尽管已经全局安装了webpack但安装webpack-dev-server时还是出错了，上面这个错误说明需要把webpack 安装到项目依赖中。

注意： webpack-dev-server 这个工具，如果想要正常运行，要求在本地项目中必须安装 webpack

npm i webpack@3.8.1 --save-dev