Mac 安装webpack详细示例

深藏阁楼爱情的钟 2024-03-26 19:45 59阅读 0赞

**目录**

方式一：未成功

方式二：已成功安装webpack

--------------------

今天在IDE用yarn编译前端项目时，报错显示webpack: command not found

排查确认 node、yarn安装无误后，开始安装webpack

Mac 安装webpack通过命令行有两种方式，前提是都需要在root权限下操作

#### 方式一：未成功 ####

sudo -s
    #输入密码
    npm install webpack-cli -g

安装完成后查看版本webpack -v，这里该方法我没有安装成功，一直显示webpack: command not found，如果哪位大神有好的解决方式，欢迎大家留言指教 ![7f27d3aed03549509108846ed7d7ea24.png][]

####  ####

#### 方式二：已成功安装webpack ####

首先敲命令：sudo npm install webpack -g --unsafe-perm=true --allow-root

![1bf310bb1ff449a99fda88d8888004f0.png][]

然后：webpack -v

![f6f96ec970e1409e80c2bcf8ba93434b.png][]

最后：sudo npm install webpack-cli -g --unsafe-perm=true --allow-root

![ac8a87bdfe20463da10867e1193997e1.png][]

到此webpack就完全安装完结啦！回到前端项目执行webpack，成功编译！

[7f27d3aed03549509108846ed7d7ea24.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/e9539ba656ab402ea20c66b23ecd660a.png
[1bf310bb1ff449a99fda88d8888004f0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/7324fb66d721494287e8392930bff3c9.png
[f6f96ec970e1409e80c2bcf8ba93434b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/2d4c8716b9434100b4f56c3ae9116b81.png
[ac8a87bdfe20463da10867e1193997e1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/f2fde679a0e8431d84a2a69fbe949af0.png

发表评论取消回复

表情：

评论列表（有 0 条评论，59人围观）

还没有评论，来说两句吧...

相关阅读

相关 Mac安装JDK1.8详细教程

　　介绍一下如何在Mac里面安装jdk 　　由于系统各个版本的差异，所以贴出来我的系统版本![Mac安装JDK1.8详细教程\_Mac安装JDK1.8详细教程][Mac_JD

秒速五厘米/ 2024年04月03日 13:39/ 0 赞/ 111 阅读

相关 Mac 安装webpack详细示例

目录方式一：未成功方式二：已成功安装webpack -------------------- 今天在IDE用yarn编译前端项目时，报错显示webpack: co

深藏阁楼爱情的钟/ 2024年03月26日 19:45/ 0 赞/ 60 阅读

相关 mac安装elasticsearch详细步骤

1.下载官网下载地址 [这里写链接内容][Link 1] 最新的版本已经是5.2.2，害怕最新的有兼容问题，因此选择下载的版本是2.4.3。（区别一下不同系统

冷不防/ 2024年02月18日 17:50/ 0 赞/ 31 阅读

相关 webpack使用示例

一、初始化一个node项目 npm init -y 创建src目录，并创建三个文件 1. commonjs exports.in

不念不忘少年蓝@/ 2023年10月11日 15:19/ 0 赞/ 40 阅读

相关 Webpack安装及打包js、css文件示例

什么是Webpack > Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。Webpack

末蓝、/ 2023年10月04日 09:08/ 0 赞/ 19 阅读

相关 Webpack安装配置及打包详细过程

引言前端经过漫长的发展，涌现出了很多实践方法来处理复杂的工作流程，让开发变得更加简便，其中，模块化可以使复杂的程序细化成为各个小的文件，而webpack并不强制你使用某

- 日理万妓/ 2023年08月17日 17:20/ 0 赞/ 160 阅读

相关 Mac 安装 windows 11 详细教程

6月25日，微软官方发布了Windows 11，其最大特点是UI大更新，以及支持安卓apk应用的运行。其实Windows 11的安装包已经泄漏了一段时间了，那么，我们在macO

系统管理员/ 2022年10月09日 15:30/ 0 赞/ 456 阅读

相关 Mac安装卸载homebrew详细教程

安装命令： /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/ins

今天药忘吃喽~/ 2022年02月21日 04:41/ 0 赞/ 1620 阅读

相关 mac下安装webpack报错解决方案

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

素颜马尾好姑娘i/ 2021年07月25日 22:32/ 0 赞/ 853 阅读

相关 Mac MySQL5.7详细安装流程

下载安装文件 [下载链接 5.7][5.7] [MySQL 8][] 双击安装 MySQL ![在这里插入图片描述][watermark_type_ZmFuZ

小鱼儿/ 2021年05月10日 11:33/ 0 赞/ 606 阅读