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