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>

 

posted @ 2021-01-22 13:49  平安喜乐、愿  阅读(71)  评论(0)    收藏  举报