webpack的安装(一)
首先这是本人根据webpack4.0文档学习做的总结,最新还是参考官方文档:https://v4.webpack.docschina.org/
一、安装
1.1 准备工作
在安装之前先检查node.js的版本(建议将node升级到最新版本,因为node版本越高,webpack打包速度越快。当然你要根据实际情况是决定node.js的版本问题)
附:node.js的官网:https://nodejs.org/zh-cn/
检查nodejs的版本 : node -v npm -v
1.2 安装webpack.
对于大多数项目,建议本地安装(也就是项目里安装)。这可以在引入突破式变更版本时,更容易分别升级项目。
另外需要提一下的事(默认放在生产依赖):-S代表(生产依赖:需要部署上线) : - -save -D代表 (开发依赖:不需要部署上线): - -save-dev
1.2.1 本地安装 (推荐)
要安装最新版本或特定版本,请运行以下命令之一:
/*安装最新版本*/
npm install --save-dev webpack
/*特定版本*/ npm install --save-dev webpack@<version>
如果你使用 webpack v4+ 版本,请运行以下命令:
npm install --save-dev webpack-cli
1.2.2 全局安装
不推荐全局安装 webpack。这会将你项目中的 webpack 锁定到指定版本,并且在使用不同的 webpack 版本的项目中,可能会导致构建失败。
通过以下 NPM 安装方式,可以使 webpack 在全局环境下可用:
npm install --global webpack
1.2.3 最新体验版本
如果你热衷于使用最新版本的 webpack,你可以使用以下命令安装 beta 版本,或者直接从 webpack 的仓库中安装,但是在安装这些最新体验版本时要小心!它们可能仍然包含 bug,因此不应该用于生产环境。
npm install webpack@beta
npm install webpack/webpack#<tagname/branchname>

浙公网安备 33010602011771号