webpack和webpack-cli安装和卸载

这篇具有很好参考价值的文章主要介绍了webpack和webpack-cli安装和卸载。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

安装:

1、全局安装:运行npm i webpack -g全局安装webpack,这样就能在全局使用webpack的命令

或者npm install --global webpack 

2、本地安装:在项目根目录中运行npm i webpack --save-dev安装到项目依赖中

3、webpack4.0以后版本,需要安装命令工具npm install webpack-cli -g

或者npm install --global webpack-cli

4、查看webpack 信息 npm info webpack 4.0以后 直接输入该命令: webpack -v

卸载:

1.删除全局webpack-cli :npm uninstall -g webpack-cli
2.删除本地webpack-cli :npm uninstall webpack-cli
3.删除全局webpack :npm uninstall -g webpack
4.删除本地webpack :npm un webpack
5.检查webpack残余文件:ls 用ls命令查看是否有这几个文件
{    #node_modules
     #package-lock.json
     #package.json         }
然后使用
rm -rf node_modules package-lock.json package.json
删除这些文件,你的webpack就彻底删除干净了文章来源地址https://www.toymoban.com/news/detail-701582.html

到了这里,关于webpack和webpack-cli安装和卸载的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • [webpack-cli] Invalid options object. Dev Server has been initialized using an options object that d

    问题: 在 webpack.config.js 配置了devServer,通过contentBase 配置了静态资源的路径,但是报错了。报错如下: 原因及解析: 错误信息中提示contentBase 不是有效的配置项(可以看到contentBase不在罗列的有效配置项中)。因为Weback 5 将 contentBase的配置修改为 static 解决 把 contentBase 改为

    2024年03月22日
    浏览(95)
  • 06 基于Vue+Vue-cli+webpack搭建渐进式高可维护性前端实战项目

         本文是专栏《 Vue + SpringBoot前后端分离项目实战 》的实战第一篇,将从Vue脚手架安装开始,逐步带你搭建起一套管理系统所需的架构。当然,在默认安装完成之后,会对文件目录进行初步的细化拆分,以便后续 功能迭代和维护 所用。 为兼顾大多数计算机毕设的需求,

    2024年02月16日
    浏览(47)
  • 【前端笔记】前端包管理工具和构建打包工具介绍之npm、yarn、webpack、vite

    NPM(Node Package Manager)是node包管理器,是node.js默认采用的软件包管理系统,使用JavaScript语言编写。包管理可以理解为依赖管理,有一个npm包管理仓库,当我们执行npm命令的时候,就可以直接从npm仓库中下载对应的依赖包,类似于后端开发中的POM。 node.js中就已经安装了NPM,所

    2024年02月02日
    浏览(43)
  • node.js+NPM包管理器+Webpack打包工具+前端项目搭建

    javascript运行环境(无需依赖html文件) BFF,服务于前端的后端 官网下载安装,node -v查看是否安装成功 ①、创建一个01.js文件 ②、通过CMD命令执行(或者通过工具的集成终端) node 01.js 如果出现权限原因,可以通过管理员方式打开工具 ③、通过浏览器访问http://127.0.0.1:8888 如

    2024年02月07日
    浏览(73)
  • 前端10年进化 Node.js、模块化、CommonJS、AMD、CMD、Webpack、Vue-cli、Electron-vue

    模块化的概念在软件开发领域已经存在很长时间,但在 JavaScript 中的模块化发展相对较晚。以下是对您提出的问题的回答: 提出时间:JavaScript 中的模块化概念相对较早地提出于 CommonJS 规范。CommonJS 是一种 JavaScript 模块化规范,最早在 2009 年由 Ryan Dahl 和其他社区成

    2024年02月11日
    浏览(79)
  • windows系统安装指定的vue/cli、node和npm;vue/cli脚手架搭建项目所涉及的vue/cli、node、npm依赖版本等问题

    记录vue/cli脚手架搭建项目所涉及的vue/cli、node、npm依赖版本等问题 先说依赖版本: vue/cli 3.12.0 node14.21.3 npm6.14.18 注意: node和npm需要版本匹配 ,也就是下载node安装包,就会自带安装npm,不可制定升级某个版本npm; 否则会导致 脚手架创建项目失败 和 vue项目启动失败 和 npm下

    2024年02月15日
    浏览(102)
  • npm安装指定版本包,npm按版本安装;npm删除依赖,卸载依赖

    例如安装element-ui的2.15.8版本 在package.json中可以看到: 注:已有版本的情况下需要先删除依赖,不能直接在package.json中改版本号,因为package-lock.json中仍然是修改前的版本号。 1、全局安装 2、本地安装 3、信息写入

    2024年02月12日
    浏览(55)
  • npm——安装、卸载与更新

    npm 官方文档: https://docs.npmjs.com/ npm(“Node 包管理器”)是 JavaScript 运行时 Node.js 的默认程序包管理器。 它也被称为“Ninja Pumpkin Mutants”,“Nonprofit Pizza Makers”,以及许多其他随机名称,你可以在 npm-expansions 上探索这些名称。 npm由两个主要部分组成: nodejs的包管理工具(插

    2023年04月14日
    浏览(72)
  • npm依赖安装与卸载

    【 npm install xxx 】利用 npm 安装xxx依赖到当前命令行所在目录 【 npm install xxx -g 】利用npm安装全局依赖xxx 【 npm install xxx –save 】 安装并写入package.json的 dependencies 中 【 npm install xxx –save-dev 】安装并写入package.json的 devDependencies 中 【 npm uninstall xxx 】删除xxx依赖 【 npm uninstal

    2024年02月07日
    浏览(42)
  • NPM包的安装、更新、卸载

    目录 1、下载安装全局包 2、解决全局安装包时的EACCES权限错误 2.1 重新安装NPM 2.2 手动更改npm的默认目录 3、更新从注册表下载的包 3.1 更新本地包 3.2 更新全局安装的软件包 3.3 确定哪些全局包需要更新 3.4 更新单个全局包 3.5 更新所有全局安装的软件包 4、在项目中使用

    2024年02月20日
    浏览(61)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包