目录

一、安装node环境

二、全局安装

三、本地安装


一、安装node环境

    webpack需要在node环境下才能运行,所以需要首先安装最新版本的node.js

webpack教程二:webpack的安装

    直接傻瓜式下一步、下一步就可以完成安装了。

    安装完成后使用node -v就可以查看当前本机安装的node的版本:

webpack教程二:webpack的安装

    npm也会随着node的安装时一同安装,所以,也可以用npm -v查看npm的版本:

webpack教程二:webpack的安装
    至此,node就安装成功了。

二、全局安装

    全局安装意味着本机上所有的项目都将使用这个全局安装的webpack:

webpack教程二:webpack的安装

    安装成功后,通过以下命令查看新安装的webpack的版本:

webpack教程二:webpack的安装

    证明全局安装webpack已经成功。

三、本地安装

    我们先把前面全局安装的webpack卸载:

webpack教程二:webpack的安装

   再创建一个测试文件夹webpack-demo,并在控制台中进入该目录,然后在该目录中初始化npm:

webpack教程二:webpack的安装

   然后在文件夹中我们会发现多了一个package.json文件:

webpack教程二:webpack的安装

    package.json文件里面包含了webpack-demo文件夹中的项目的信息,以及该项目的依赖(需要使用的工具包等等):

webpack教程二:webpack的安装

    现在编辑package.json文件,使得该示例项目不会被npm分发出去:

webpack教程二:webpack的安装

    紧接着就可以本地安装webpack了:

webpack教程二:webpack的安装

    再安装webpack-cli:

webpack教程二:webpack的安装

    安装完后,使用npx webpack -vwebpack -v查看的是全局安装的webpack的版本)查看当前本地安装的webpack的版本:

webpack教程二:webpack的安装

    webpack本地安装成功。

 

相关文章: