webpack（一） 基本安装

使用webpack之前，我们首先要知道什么是webpack，它是做什么的。

      不说那些官方名词，我们来列一下，这样看起来一目了然

      （1）webpack 是一个模块打包器

      （2）web前端的所有资源文件（js,css,html,img...） 都会作为模块处理

      （3）它将根据模块的依赖关系进行静态分析，生成对应的静态资源

安装的前提条件：

       确保安装了 Node.js 的最新版本，如果使用旧版本，会遇到各种问题，因为它们可能缺少 webpack 功能或缺少相关 package包。

本地安装：

       安装最新版或指定版本，运行以下命令

npm install --save-dev webpack

npm install --save-dev webpack@ <version>

注：如果使用 webpack4+ 版本，则需安装cli

npm install --save-dev webpack-cli

（1）对于大多数项目建议本地安装，这可以使我们在引入破坏式变更的依赖时，更容易分别升级项目。

         通常 webpack 通过运行 一个或多个 npm scripts(脚本)，会在本地node_modules 目录中查找安装的webpack。

（2）在本地安装 webpack 后，你能够从node_modules/.bin/webpack 访问它的bin版本。

全局安装（使webpack在全局环境下可用）：

npm install --global webpack

注：一般不推荐全局安装 webpack，这会将项目中的 webpack 锁定到指定版本，并且在使用不同的 webpack 版本的项目中，可能会导致项目构建失败。

如果你想体验最新版本，可以从 webpack 仓库中直接安装

npm install webpack @ beta

npm install webpack/webpack # <tagname/branchname>

最新版本的webpack 可能仍然包含 bug，不应该用于生产环境。

本文会不断持续更新，如有不足之处，请大家多多指教。该代码仅供参考，未经允许不得转载，转载请著名出处，原文链接https://blog.youkuaiyun.com/qq_40701522/article/details/83479320