在本节中，您将学习webpack4.0的安装。 web包的运行需要依赖于Node.js的运行环境，安装web包时也需要使用npm，因此必须首先安装Node.js。 Node.js附带了包管理器npm。
建议使用最新版本，因为web包需要Node.js v0.6或更高版本的支持。 安装位置为https://nodejs.org/en/download/。 不熟悉安装步骤的学生请去看Node.js入门教程。 这里不给您看。
要创建项目，必须首先创建项目文件。 例如，在桌面上创建xkd_webpack，然后在终端中进入项目的根目录。 请参阅下图。
然后，可以运行npm init命令初始化项目。 在这种情况下，将在项目根目录下自动生成package.json文件。 此文件包含配置信息。
初始化时会显示几个问题。 如果选择了这些问题的所有缺省答案，则可以直接运行npm init --yes直接创建package.json文件。
创建的package.json文件的内容如下所示。
{ 'name': 'xkd_webpack '，' version': '1.0.0'，' description': '，' main ' : ' index.js }
package.json字段查看package.json文件中的字段。 name和version字段是package.json文件中的必填字段，它们一起组成唯一标识符。
name :项目名称。 请注意不要以点或下划线开头、超过214个字符或包含大写字母。 版本：版本号。 主要版本。 这个版本。 由补丁版本构成。 例如，1.0.0。 author :作者。 license :可以指定项目的许可证，并告知别人使用的权利和限制。 scripts :脚本命令是由脚本命令组成的散列对象，在软件包的不同生命周期中执行。 说明：项的说明，字符串类型。 keywords :项目的关键字。 devDependencies :项目依赖关系。 主页：项目官方网站的地址。 bugs :项目提交问题的url和/或电子邮件地址。 全局安装webpack全局安装通常安装的是在全局环境中安装工具而不是文件夹的工具。 无论全局安装在命令行的哪个位置，都可以直接调用。 web包项目的两个主要基础模块是web包和web包- CLI，这是构建web包项目的前提。
成功安装Node.js后，可以运行以下webpack全局安装命令：
npm install webpack webpack-cli -g此命令在终端上的执行如下图所示。
在安装webpack的同时安装webpack-cli工具，然后安装webpack-cli，即可顺利执行webpack包命令。 执行完成后，webpack的全局安装将成功。 为了进行验证，请使用webpack -v命令检查安装是否成功。 如果显示版本号，如下图所示，则表示web包安装成功。
一般来说，请不要安装全局。 因为所有项目的webpack不是一个版本，所以启动两个以上的项目时版本不同，可能会出现项目无法启动的问题，所以最好在本项目中安装。
要删除全局安装webpack命令，请执行以下步骤：
npmuninstallwebpackwebpack-CLI-g部分安装webpack部分安装也称为本地安装。 如果要在本地安装web包，可以运行以下命令：
npminstallwebpackwebpack-- CLI-- save-dev安装成功后，package-lock.json文件和node_modules文件夹将显示在项目根目录下缺省情况下，项目中通过npm安装的依赖软件包将安装在node_modules文件中。 如果使用已安装的模块包，则需要在require中将其引入项目中使用。
如果需要使用web包开发工具，请单独安装。
示例：
例如，安装web包- dev-server。 命令如下所示。
$ npminstallwebpack-dev-server-- save-dev现在我们的webpack安装完成了。 下一节学习web包的使用方法。
更多链接： https://www.9xkd.com/