搭建webpack 环境

webpack 是基于node.js 开发的模块打包工具，所以呢，首先应该安装node.js 环境。

安装好了后，我们新建一个文件。在这个文件目录下，初始化（node）项目。使用命令

npm init 然后回车确认即可。

然后呢，它会在目录下生成一个package.json 文件。

{
  "name": "webpack-demo",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

然后，我们要加行内容，“private” 如下。它表示，我们的项目是私有项目，不会被发布到npm 线上仓库中去。

{
  "name": "webpack-demo",
  "version": "1.0.0",
  "description": "",
  "private": true,
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

webpack 有两种安装方式，全局安装和项目内安装。

不推荐全局安装，因为不同项目可能webpack 版本不一样，如果全局安装的话，可能有的项目启动不了。

建议项目内安装webpack.

全局安装 命令： npm install webpack webpack-cli -g

项目内部安装：

    命令行进入项目目录

    使用命令 npm install webpack webpack-cli --save-dev

安装完成后，可以检验webpack 的版本

使用 webpack -v 是没用的，因为webpack 是下载到了项目中，该命令的话，node 会向全局的webpack 查找。

这里，我们可以使用 npx webpack -v 。

Done!