JAVA高级面试进阶训练营视频教程

admin

现在js发展太快了，根本看不懂啊。于是乎想做做功课，于是乎看到了这些“奇怪”的写法，原来好多都是遵循了 ECMASCRIPT6，好吧，在本地看看怎么用的吧。写在本地的环境下，

发现各种报错，根本不能用。还在纳闷呢，这个例子是怎么能写成这个样，还在那教人的呢？误人子弟？怎么跑呢？各种搜索才发现，原来我们一般常用的js是遵循的ES5规范，由于浏览器

支持等各种原因，我们需要将最新的ES6语法变成ES5才能以我们熟知的方式运行。于是乎，针对ES6的就出现了很多打包工具。webpack就是其中一款。

　　现在知道了，这个是干嘛的(当然写这篇文章的时候，我还是不怎么明白这些东西之间的关系)。我们先安装吧。 幸好在很久很久以前，我安装过node了，那么npm工具我也装过了。没

装过npm的自行百度吧。声明一点，我是在win7的环境下安装的。windows研究node你懂得，各种报错到爆炸，再加上根本不懂这些东西，所以各种无解的错误，让人奔溃。

　　好了，言归正传，那我们开始安装吧！我假定 你像我一样拥有了 npm

　　安装 webpack，以全局的方式安装：

1	$ npm install webpack -g

　　然而，我并不喜欢这种方式，因为并不是所有的项目都需要webpack的。通常我们会将 Webpack 安装到项目的依赖中，这样就可以使用项目本地版本的 Webpack。

1 2 3 4

# 进入项目目录 # 确定已经有 package.json，没有就通过 npm init 创建 # 安装 webpack 依赖 $ npm install webpack --save-dev

　　

　　补充一点吧：像我一样对package.json 各种参数了解很水的。可以自己百度一下package.json各个参数的意思。我放出一个可用的吧：

package.json

1 2 3 4 5 6 7 8 9 10

{    "name" :  "demo" ,    "version" :  "0.0.1" ,    "dependencies" : {      "webpack" :  "latest"    },    "devDependencies" : {      "webpack" :  "^1.14.0"    } }

　　安装的过程中可能会很慢，一直卡在那转圈。原因你懂得，我们上的是一个局域网，外面的世界不是你想看就能看的。。。。。如果你像我一样，不能FQ，那你就先

暂停吧。执行下面的语句：

1	npm config set registry https: //registry.npm.taobao.org

　　用一下国内的良心镜像。你会发现再执行 npm install webpack --save-dev 会很快的安装完毕。安装完成之后，你会发现，项目中多了一个 node_modules文件夹

里面有一个 .bin和webpack文件夹。此时我们打开终端，输入 webpack会提示 webpak不是内部命令。不用怕，因为这个执行文件在你的项目下的 node_modules\.bin

下面，只要将这个路径配入 环境变量的 path中去 ，就可以愉快的使用 webpack了！