这篇文章将会介绍多种方式来安装webpack。
准备工作
在我们开始之前,请确保你已经安装了最新版本的node.js。长期支持版本(LTS)是一个不错的选择。如果你使用的是老版本的node.js,可能会遇到许多问题,因为它可能丢失了webpack或者相关的资源包(they may be missing functionality webpack and/or its related packages require)。
局部安装
最新的webpack发布版本是:
webpack—— v3.10.0
运行下面的命令来安装最新版本或者指定版本的webpack:
npm install --save-dev webpack
npm install --save-dev webpack@<version>
对于大多数项目来说,我们都推荐在局部安装webpack。当很大的变化被引入时,这使得单独更新项目变得更加的容易。通常webpack凭借一些npm script来运行,它将会在你的局部node_modules文件夹下寻找webpack来进行安装:
"scripts": {
"start": "webpack --config webpack.config.js"
}
(为了运行局部webpack安装,你可以访问它的bin版本在node_modules/.bin/webpack目录下)
全局安装
下面的代码将会把webpack安装在全局:
npm install --global webpack
警告:
这种做法并不推荐。在全局安装将会把你限制在一个特定版本的webpack,在项目中使用一个不同版本的webpack将会导致失败。
最新技术 (Bleeding Edge)
如果你热衷于使用最新的webpack,你可以安装测试版本的webpack或者直接从webpack仓库使用以下命令进行安装:
npm install webpack@beta
npm install webpack/webpack#<tagname/branchname>
警告:
当安装beta版本的webpack时,可能仍旧包含一些bugs,因此不要用在产品中。