webpack 学习

初始化项目 npn init

安装项目 npm install --save-dev webpack

先安装node.js

可以安装淘宝镜像 cnpm 下载包的速度更快一些。

地址：http://npm.taobao.org/

安装cnpm:

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装指定版本的webpack

npm install webpack@3.6 -g

安装live-server 运行项目插件 输入live-server 运行后自动打开网页

npm install -g live-server

安装 webpack-dev-server

cnpm install webpack-dev-server --save-dev

报错:

Error: invalid "instanceof" keyword value Promise

经过一番查找，发现原因是webpack 与webpack-dev-server 的版本不兼容造成的。换成匹配的版本即可。

1. 我的webpack是3.6版本的，
2. 我查了一下我webpack-dev-server版本是3.1.4的版本，
3. 这两个版本不兼容，把webpack-dev-server降到2.x版本就好使了

安装指定版本方式:

npm install webpack-dev-server@2.9.4 --save-dev