Webpack的全局安装

最新推荐文章于 2024-05-01 18:33:28 发布
最新推荐文章于 2024-05-01 18:33:28 发布
阅读量7.2k 收藏 6
点赞数 5
分类专栏： Node.js 文章标签： Webpack的全局安装
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/daponi/article/details/102949047
版权

1.window+R键，输入cmd打开命令行工具，输入 mkdir XXXX（XX：文件夹名）；

2.cd XXX 进入刚刚创建好的文件夹里，输入cnpm install -g webpack （安装了淘宝镜像的小伙伴可以直接使用cnpm，没有安装的使用npm）cnpm和npm的区别这里就不多说了，不懂的小伙伴可以百度

在这里插入图片描述
3.安装完成后直接输入webpack -v 仍会叫你初始化东西，但还是会报错，
网上找答案：
在这里插入图片描述
原来是在webpack 3中，webpack本身和它的CLI以前都是在同一个包中，所以只安装webpack就可以了，但在第4版中，他们已经将两者分开来更好地管理它们，所以你安装了webpack后还要尝试全局安装webpack-cli，而你指定安装3.x版本的webpack则不用分开安装，
在这里插入图片描述
4.还要安装全局安装’webpack-cli’，指令cnpm install webpack-cli -g
在这里插入图片描述
5.再输入webpack -v 就能看到版本了
在这里插入图片描述

daponi
关注
专栏目录
webpack全局安装配置过程
m0_54177068的博客
02-25 1956
webpack全局安装环境配置
webpack安装
weixin_49199038的博客
09-08 116
Webpack webpack安装的两种方式 安装nvm install 12.18.0 运行npm i webpack -g全局安装webpack，这样就能在全局使用webpack的命令 npm install -g webpack npm install -g webpack-cli 在项目根目录中运行npm i webpack --save-dev安装到项目依赖中 npm install webpack webpack-cli --save-dev 3.运行npm init初始化项目 n
webpack全局安装
Pu2021的博客
06-03 3944
webpack全局安装
安装全局webpack
weixin_34252686的博客
12-17 607
npm ls webpack 和npm ls webpack -g 查看本地和全局版本 npm install webpack@1.15.0 -g 全局   然后到项目里面 npm install npm init npm install webpack@1.15.0 --save -dev 本地
安装webpack--全局安装
你，若盛开的专栏
04-08 1440
1、npm i webpack -g 确认是否安装成功，输入 webpack -v 后出现： One CLI for webpack must be installed. These are recommended choices, delivered as separate packages： - webpack-cli (https://github.com/webpack/webpack-c...
前端-WebPack
最新发布
2401_84437095的博客
05-01 50
2、Webpack安装2.1、全局安装#全局安装webpack或2.2、安装后查看版本号webpack -v3、创建项目创建 webpackdemo文件夹3.1、初始化项目进入目录，执行命令3.2创建src文件夹3.3 src下创建common.js这里使用的是CommonJS模块化方式，这种方式不支持ES6的语法，所以不需要Babel转码3.4 src下创建utils.js3.5 src下创建main.js4、JS打包4.1、创建配置文件。
解决全局安装webpack后，'webpack' 不是内部或外部命令
CedricD的博客
04-28 1368
一、下载安装node.js 官网地址：https://nodejs.org/en/ 直接下载带有 LTS 稳定版本的，带有 current 为最新版可能有各种情况出现 按照步骤直接点击下一步完成安装，nodejs默认集成了npm，无需再次安装。 二、配置环境 win+R输入cmd打开命令行 输入 node -v 回车查看nodejs是否成功安装： 输入npm -v 也可以查看npm是否成功...
webpack全局变量引入
RookieLink
02-28 1411
使用webpack来处理全局变量引入问题
webpack的安装，卸载 Vue/cli的安装 配置（适合小白）
F14867的博客
10-16 776
webpack详细的安装，卸载，查看版本等相关操作；Vue/cli的安装，查看，创建项目等相关详细操作，还是比较适合小白去学习的。
Webpack
wyh666csdn的博客
06-08 1643
Webpack基础知识 一.为什么要学习webpack 现在的前端网页功能丰富，特别是SPA（single page web application 单页应用）技术流行后，JavaScript的复杂度增加和需要一大堆依赖包，还需要解决SCSS，Less……新增样式的扩展写法的编译工作。所以现代化的前端已经完全依赖于WebPack的辅助了。 现在最流行的三个前端框架，可以说和webpack已经紧密相连 React.js+WebPack Vue.js+WebPack AngluarJS+WebPack 可以看出
webpack 全局安装和项目安装
qq_28395503的博客
10-20 560
webpack 全局安装和项目安装全局安装根据项目安装 全局安装 命令安装：npm install webpack webpack-cli -g 效果为显示成功 根据项目安装 解决多个项目使用不同的webpack版本问题 删除全局webpack命令：npm uninstall webpack webpack-cli -g 根据项目安装，终端进入项目文件夹 可以选择相应版本，执行命令：npm i...
全局安装webpack-解决不是内部命令的问题
ImmortalSYM的博客
10-16 704
全局安装Webpack-解决不是内部命令的问题 node.js的安装 —首先需要安装node.js，可以直接在官网安装，官网安装地址：https://nodejs.org/en/；具体安装流程可以参考我的第一篇博文； —安装完成，可以在cmd执行node -v显示安装版本即表示安装成功； 配置安装路径 —找到node.js的安装路径，会在里面找到node_cache和node_global两个文件夹，如果没有可以自己创建一下，分别执行以下命令： npm config set cache "D:\Pro
webpack安装以及基础使用
m0_56219678的博客
05-10 2092
webpack安装以及基础使用
webpack 安装与使用教程
qq_22177261的博客
04-11 798
 最稳定版本webpack 3.11.01. 手动或通过npm 新建如下的目录  2. 给 index.html,index.css,common.css 添加样式3. 在webpack-test文件下 使用bash 执行：npm init -y      //-y 表示全都yes4. bash执行：npm install -D webpack@3.11.05. bash 继续执行 npm i -...
安装 webpack
xiaoguaiwu_的博客
10-16 101
1.本地安装 要安装最新版本或特定版本，请运行以下命令之一： npm install --save-dev webpack npm install --save-dev webpack@<version> 如果你使用 webpack 4+ 版本，你还需要安装 CLI。 npm install --save-dev webpack-cli 对于大多数项目，我们建议本地安装。这可以使我们在引入破坏式变更(breaking change)的依赖时，更容易分别升级项目。通常，webpa
如何全局安装webpack
06-01
要全局安装 webpack，你需要在终端中运行以下命令： ``` npm install -g webpack ``` 这将使用 npm（Node.js 包管理器）在全局范围内安装最新版本的 webpack。请注意，全局安装 webpack 可能需要管理员权限，具体取决于你的操作系统和配置。 安装完成后，你可以在终端中运行 `webpack` 命令来使用全局安装的 webpack。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值