webpack卸载_webpack的安装
发布日期:2021-06-24 07:19:26 浏览次数:4 分类:技术文章

本文共 664 字,大约阅读时间需要 2 分钟。

b2eee4efc24b33edc0ad0c39d24c7d90.png

本文衔接上一篇文章:

不睡觉的怪叔叔:什么是webpack?​zhuanlan.zhihu.com
94bc3a805e5f57001b5e072bba7f96c7.png

一、安装node环境

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

10295453b1c3dc5830a84ae3af3057aa.png

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

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

0baf875d56b8b9428d59322deb9adbfd.png

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

21ba0803949bd724ae12d3c46748ab9d.png

至此,node就安装成功了。

二、全局安装webpack

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

11511cf173d5afb28e539ab9ebcaf8cb.png

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

be56687e7a0a99413e73054813fdfced.png

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

三、本地安装webpack(推荐)

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

301b7770ede1b54a990d620421308cf0.png

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

a7790ea07903e7c2007539543dfefa91.png

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

689b5a3ba0df8b926c1f3010d181c9bd.png

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

0bba77b8416a67c05715a878f18aa3c2.png

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

313237b2ac892b32beb4547d4e0fe341.png

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

4d19c02419f47b2142d236a3c090ba4d.png

再安装webpack-cli:

85946fe3933bb32f6d8110bf078376a9.png

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

385ca4c4aabb13997932e38f26b3d91c.png

webpack本地安装成功。

转载地址:https://blog.csdn.net/weixin_30975527/article/details/113324103 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:mysql主库线程_MySQL 主从扩展--主库的线程状态
下一篇:win7 mysql5.5 2003_Win7下mysql5.5安装图文教程

发表评论

最新留言

路过,博主的博客真漂亮。。
[***.116.15.85]2024年04月15日 15时47分46秒