npm下全局安装webpack及部分问题的处理和部分指令附加

最新推荐文章于 2024-06-27 16:10:22 发布
最新推荐文章于 2024-06-27 16:10:22 发布
阅读量562 收藏 2
点赞数 1
文章标签： vue.js webpack 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41303486/article/details/105898232
版权
本文介绍了在npm环境下全局安装webpack的过程，包括遇到的问题及解决方案。首先解释了webpack是前端打包工具，依赖于Node.js，而npm是Node.js的包管理工具。在安装Node.js并验证版本后，尝试全局安装webpack时出现错误。通过查看和更改npm的源为淘宝源，成功解决了安装问题。最后分享了一些常用的npm命令，并鼓励遇到类似问题的读者尝试此方法。
摘要由CSDN通过智能技术生成

先来胡扯一下，首先说下我对webpack，nodejs和npm的理解（当然这是借鉴了大佬的意思，这不是抄，声明一下，手动滑稽），就两句话：
webpack是前端打包工具，依赖于node.js；
npm(node package manager)是node的包管理工具；
1、要安装webpack，首先要安装Nodejs，在nodejs官网下载一下就可以了，
https://nodejs.org/zh-cn/
现在
下载完成后就是安装了，不停的next就可以了。
安装完成后就打开cmd面板检测是否安装成功了。
先检测node，看是否能出来版本，命令如下：

node -v

在这里插入图片描述
在检测一下npm的版本

npm -v

在这里插入图片描述

最低0.47元/天 解锁文章
AllToUp
关注
【npm】npm 全局安装 和 局部(本地)安装
01-07
本地安装：npm命令默认情况下会将包安装到当前目录下，避免了不同程序依赖不同版本包的冲突；减少了包开发者API的兼容性的问题；缺点是会出现一个包安装多次的情况。 全局安装：提高程序重复利用，避免一个程序多个...
webpack安装与使用
IT菜鸟
06-09 1415
webpack安装与使用
如何安装webpack？
小识的博客
04-13 1363
上官网安装node.js 一般安装最新的即可，因为node.js版本高，webpakc打包速度也快 cmd命令行输入如下内容，有输出即安装正确 node -v 输入如下内容，有输出版本号，说明安装node的时候把npm也安装好了 npm -v 创建项目 在文件夹下，执行如下内容，让项目符合node的规范 npm init 全局安装webpack -g全局安装 npm install webp...
webpack基础-安装、配置、基本使用
最新发布
tq040626的博客
06-27 141
【代码】webpack基础-安装和配置webpack。
webpack的安装与配置使用 最全最详细的小白教学
llq007007的博客
02-13 3049
less-loader css-loader sass-loader postcss-loader babel-loader file-loader url-loader eslint-loadereslint-loadereslint-loader html-webpack-plugin mini-css-extract-plugin css-minimizer-webpack-plugin eslint-webpack-plugin copy-webpack-plugin
【webpack】 webpack的安装
菜就多练
04-14 3119
1, 新建目录，执行npm init。
webpack的安装
前端职场小白_炜晨科技的博客
08-26 4190
就是说，如果你包的名字叫 express，然后用户安装它，然后require("express")。8.如果没有packjson.json ，则使用npm init 命令创建，packjson.json用来展示依赖资源包的列表等信息，为了方便维护，最好创建此文件。6.虽然已经全局安装了webpack ，但是我们通常还是会在项目中安装局部的webpack，为了安装各自需要的模块；2.安装完成后，window用户，按住 微软徽标+R ，打开运行，输入cmd，打开命令行；9.接下来，局部安装webpack。...
终端中 npm安装报错 webpack
01-07
以webpack中安装autoprefixer为例： 终端输入: npm install autoprefixer 报出一堆错 gyp ERR! configure error gyp ERR! stack Error: `gyp` failed with exit code: 1 gyp ERR! stack at ChildProcess.onCpExit ...
nodejs npm install全局安装和本地安装的区别
10-25
Node.js 是一个基于...总之，全局安装和本地安装各有优缺点，在进行npm包安装时，开发者应当根据项目的实际需要和预期的使用方式来决定使用哪种安装方式。正确的选择可以提高开发效率，确保项目的稳定性和可维护性。
npm-dts-webpack-plugin:Webpack插件生成单个dts文件以捆绑TypeScript NPM软件包
05-19
npm-dts-webpack-plugin 该WebPack插件为整个NPM软件包生成单个index.d.ts文件。 它允许创建捆绑的NPM库软件包，而无需使用TypeScript源，并且无论这些库被导入到哪里，都仍然保留代码建议。 TypeScript自动获取...
vue和webpack项目构建过程常用的npm命令详解
08-27
Vue 和 Webpack 项目构建过程常用的 npm 命令详解 在构建 Vue 和 Webpack 项目时，了解常用的 npm 命令是非常重要的。本文将通过实例代码介绍 Vue 和 Webpack 项目构建过程常用的 npm 命令。 安装 Vue 要安装最新...
Webpack
wyh666csdn的博客
06-08 1637
Webpack基础知识 一.为什么要学习webpack 现在的前端网页功能丰富，特别是SPA（single page web application 单页应用）技术流行后，JavaScript的复杂度增加和需要一大堆依赖包，还需要解决SCSS，Less……新增样式的扩展写法的编译工作。所以现代化的前端已经完全依赖于WebPack的辅助了。 现在最流行的三个前端框架，可以说和webpack已经紧密相连 React.js+WebPack Vue.js+WebPack AngluarJS+WebPack 可以看出
webpack5搭建与基本配置
Seven_Ting的博客
07-08 1783
首先在build文件目录下新建四个js文件。
如何成功安装webpack
princess66的博客
11-01 9561
如何成功安装webpack
VUE-webpack超详细教程
热门推荐
ICanWin_lll的博客
01-21 2万+
一.认识webpack 官网解释：从本质上来讲，webpack是一个现代的JavaScript应用的静态模块打包工具。 从模块化和打包两个角度来理解： 模块化： webpack其中一个核心就是让我们可能进行模块化开发，并且会帮助我们处理模块间的依赖关系，而且不仅仅是JavaScript文件，CSS、图片、json文件等等在webpack中都可以被当做模块来使用 打包: 合并成一个或多个包(Bundle),并且在打包的过程中，还可以对资源进行处理，比如压缩图片，将scss转成css，将ES6语法转
webpack安装教程
独孤欢颜的博客
11-18 2074
最好将项目目录下的node-modules一起删除，否则会有残留文件影响下一次的结果，找不到就先执行命令，然后卸载nodejs，并且把nodejs整个安装目录删掉吧。方法是删除(或者修改)C:\Users\Lenovo\.npmrc这个文件和删除C:\Users\Lenovo\.nrmrc。下添加该路径即可正常使用cnpm，我的路径是“D:\soft\cst\nodejs\npm_modules”①使用 npm list vue -g 看看是否还是为空，如果出现版本号，则不用管，安装vue成功。
webpack快速入门---webpack的安装和基本使用
I_am_shy的博客
05-29 2190
/ 引用nodejs的path模块mode: 'development',//开发环境entry : path.join(__dirname,'src','index.js'),// 打包入口output:{path:path.join(__dirname,'dist'),// 打包结束的位置filename :'bundle.js' // 指定的打包后文件名称},module:{//配置模板rules:[//规则设置test: /\.js$/,//只对js文件生效。
12-安装node.js和webpack的完整步骤
书启鸿蒙知秋枫
10-01 2570
【代码】安装webpack的完整步骤。
webpack安装配置
TardisKey的博客
07-03 283
此时dist文档下出现一个bundle.js的文件,修改dist/index.html 改成引入bundle.js。同时在dist中创建一个index.html ,在src中创建一个index.js。–save-dev 表示保存在项目里，并写入package.json配置文件。新建dist文件夹（浏览器最终要读取的文件都输出在这里面），src文件夹（用于创建一个项目入口，自己项目都写在这里）在 webpack.config.js 配置相关参数。结束后，生成一个packge.json文件。
npm 安装webpack
08-12
全局安装最新版本：npm install -g webpack 全局安装指定版本：npm install -g webpack@ 在项目中安装最新版本作为开发依赖：npm install -D webpack 在项目中安装指定版本作为开发依赖：npm install -D webpack@ 在...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值