如何安装webpack

第一：window+r 输入cmd打开控制台
第二：创建一个空文件夹 1 d: 2 mkdir webpack_demo
第三：输入node.js -v 查看是否已安装 若未安装，则下载node.js
下载：windows下的NodeJS安装是比较方便的（v0.6.0版本之后，支持windows native），只需要登陆官网（http://nodejs.org/），便可以看到首页的“INSTALL”按钮，直接点击就会自动下载安装了
如果是最新版的nodejs安装后就不需要再安装npm的。由于新版的NodeJS已经集成了npm，所以之前npm也一并安装好了。同样可以使用cmd命令行输入"npm -v"来测试是否成功安装。
第四：输入npm install -g webpack 进行webpack的安装
以上是全局安装，也可以局部安装。
npm init以后 配置相关信息。

安装npm淘宝镜像

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

有了npm init 以后，你就会发现文件夹多了一个 package
然后将文件夹在vscode打开
创建一个dist文件夹，再创建一个index.html文件

创建一个src文件夹 创建entery.js文件
打包好的文件就放在dist里
然后在终端 cnpm install webpack-cli -g
安装了webpack-cli以后，webpack -v就看到已经安装好了webpack了然后cnpm install --save -dev webpack
然后webpack src/entery.js dist bundle.js 你会发现有错误 我们在package.json的script中加入
“dev”: “webpack –mode deveplopment”,
“build”:“webpack –mode production”
然后终端输入webpack src/entery.js -o dist/bundle.js --mode development
就发现dist中出现了打包的文档
然后cnpm install live-server -g下载好以后终端输入 live-server 电脑就直接打开网页运行了。