webpack的安装

最新推荐文章于 2023-07-26 13:07:10 发布
最新推荐文章于 2023-07-26 13:07:10 发布
阅读量202 收藏
点赞数 1
分类专栏： 笔记 文章标签： webpack npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_46673600/article/details/115577935
版权
webpack是一个前端打包工具

在webpack安装的过程中遇到了的问题及解决办法：

  1. 全局安装报错
    在这里插入图片描述

  2. 解决办法

     需要删除npmrc文件。
 **强调**：不是nodejs安装目录npm模块下的那个npmrc文件而是在C:\Users\{账户}\下		的.npmrc文件…

  3. 安装成功
    显示需要安装webpack-cli
    这是webpack版本问题，可以重新选择安装webpack3.6.0
    在这里插入图片描述

    	npm install webpack@3.6.0 -g

  4. 输入命令webpack -v 显示版本号——安装成功
    在这里插入图片描述

从零开始学VUE之Webpack(Webpack3.6.0全局安装)
彼岸舞的博客
06-07 1144
安装webpack(3.6.0) 先安装3.6.0,因为在之后学习Vuecli的时候从cli2开始学,学3的时候在升级webpack的版本 全局安装 npm install webpack@3.6.0 -g 在CMD中运行,等待安装完成即可 查看版本 webpack -version 可以看到是3.6.0 作者：彼岸舞 时间：2021\06\07 内容关于：VUE 本文属...
Webpack 安装
天空之外
06-05 352
本节我们来学习 webpack4.0 的安装，webpack 的运行需要依赖 Node.js 的运行环境，在安装 webpack 时也需要用到 npm ，所以我们需要先安装 Node.js，Node.js 自带了软件包管理器 npm。 webpack 需要 Node.js v0.6 以上版本支持，所以建议使用最新版，安装地址为：https://nodejs.org/en/download/，安装过程如果不熟悉的同学可以去看一下 Node.js 入门教程，这里就不给大家演示啦。 创建一个项目 首先我们需要创建
webpack
qq_43557355的博客
10-12 311
webpack基本配置 1、安装node.js 打开cmd 运行node -v\npm -v 是否可以查看文件版本信息？ 2、在某磁盘中创建空文件夹，例如：e:\webpack\webpack-test 3、使用vsCode工具中打开e:\webpack\webpack-test---------并打开终端 4、在终端中执行npm init 命令行，生成package.json文件 5、执行 n...
webpack和webpack-cli安装和卸载
weixin_59739381的博客
06-19 3877
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。全局安装webpack，这样就能在全局使用webpack的命令。4.删除本地webpack ：npm un webpack。
webpack3升级webpack4
litCabbage的博客
06-17 1429
为了优化包体积大小，想要将老项目的webpack3升级到webpack4，再升级到webpack5 一、升级版本 1、webpack ^3.1.0 => ^4.29.6 2、webpack-cli ^3.1.2 => ^3.3.0 3、webpack-dev-server ^2.11.3 => ^3.2.1 4、html-webpack-plugin ^2.30.1 => ^3.2.0 5、vue-loader ^13.3.0 => ^15.7.0 （不升级，会报找.
Vue、Vue CLI、Webpack 和 Webpack CLI 的版本兼容对照表
qq_24600981的博客
05-23 7821
这些指南只是一些常见的版本兼容性指南。在实际项目中，取决于具体的应用场景和使用的组件库，不同版本之间可能还存在其它的兼容性问题。因此，我们建议使用最新版本的 Vue、Vue CLI、Webpack 和 Webpack CLI 来获得最佳的性能、安全性以及最新的功能和改进。同时，在使用前应该先了解相应版本的官方文档和版本兼容性指南。
vue和webpack安装命令详解
12-11
一、安装vue相关命令 1、安装vue cnpm install vue  2、安装vue-cli cnpm install -g vue-cli...以上所述是小编给大家介绍的vue和webpack安装命令详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时
Vue.js与Webpack安装教程.pdf
10-29
Vue.js与Webpack安装教程 1 vue.js研究 1 1.1 vue.js介绍 1 1、vue.js是什么？ 1 2、Vue.js与ECMAScript 1 3、Vue.js的使用 2 4、vue.js有哪些功能？ 2 1.2 webpack入门 3 1.2.1 webpack介绍 3 1.2.2 安装webpack 4
Vue.js与Webpack安装教程
10-30
Vue.js和Webpack是现代前端开发中的两个重要工具。Vue.js是一个轻量级的JavaScript框架，以其易学易用、组件...这份“Vue.js与Webpack安装教程”文档很可能会涵盖这些内容，并提供详细的步骤指导，帮助初学者快速上手。
安装webpack，webpack-cli，webpack-dev-server（版本一定要兼容！）
热门推荐
AshleyXM的博客
03-26 1万+
ps：仅记录个人经验，如有错误欢迎指出与讨论，谢谢！ 最近学习vue要安装webpack，webpack-cli，webpack-dev-server，由于它们的版本经常会更新导致不兼容，今天安装了一上午，一直各种报错，最后找到了一个可行方案： webpack 4.41.5 webpack-cli 3.3.10 webpack-dev-server 3.10.1 以上这三个版本搭配是可行的！ （一）卸载不兼容版本 如果之前安装了其他不兼容版本可以先卸载掉！ npm uninstall webpack -g
新手webpack打包vue项目出现各种报错，webpack，webpack-cli版本兼容问题
weixin_46029637的博客
07-26 2295
新手webpack打包vue项目出现各种报错，webpack，webpack-cli版本兼容问题
安装指定版本的webpack、webpack-cli以及@vue/cli-init
kobe_IT的博客
08-08 3807
安装指定版本的webpack、webpack-cli以及@vue/cli-init
webpack指定版本下载安装和卸载
詹大先生的博客
05-10 4127
注意：webpack和webpack-dev-server有版本兼容性的要求 webpack 3.x 要使用 webpack-dev-server 2.x webpack 4.x 要使用 webpack-dev-server 3.x webpack版本查看 webpack -v 全局安装指定版本的webpack（局部安装去掉-g） npm install webpack@4.46.0 -g 全局安装指定版本的webpack-dev-server（局部安装去掉-g） ..
Webpack打包工具安装使用介绍
qq_42707967的博客
05-23 629
一.Webpack的安装 webpack安装依赖nodejs，下面介绍是基于系统已安装node.js webpack3.6.0 是vue cli2脚手架依赖的版本 npm install webpack@3.6.0 -g(全局安装) 二.webpack模块化开发基本目录结构 下面是一个最基础的webpack目录结构 src 源代码放置目录 dist（distribution发布）代码发布目录 当进行模块化开发时，js代码之间有依赖（CommonJS或ES6模块化开发），我们可以将依赖的js文件打包成一个文
Webpack的基本使用与Vue的基础配合
m0_46692959的博客
05-26 893
文章目录Webpack是干什么的一、Webpack安装安装语句二、webpack使用1.0、webpack打包 js语句注意点2.0、webpack的配置2.1、webpack.config.js文件配置配置目的2.2、package.json文件配置配置目的注意点三、webpack的loader是干什么的1.0、webpack 打包 css2.0、webpack 打包 less3.0、webpack 打包 图片base64字符串hash值注意点：4.0、ES6转为ES5四、webpack 配置 使用Vue
Vue webpack 再来过循序渐进
New_Bird
05-06 647
认识Webpack webpack是一个现代的js应用的静态模块的打包工具 webpack官网传送 为了使模块化的代码更能兼容大部分浏览器，webpack对其代码进行打包，最终使你的代码更成功的跑在浏览器上。 不仅仅js是可以看成模块，css，图片，json也可以看成一个个模块 webpack的安装 webpack 依赖于 node.js 安装webpack时要先安装node.js 并配置...
webpack 踩过的坑
yeyechen的博客
01-15 899
1、注意安装版本，webpack3和4的区别，下载时最好npm 具体的版本（ 自测两款搭配（webpack3）:安装的是webpack@3.6.0 配置的webpack-cli@2.9.0 -D "webpack-dev-server": "^2.9.7"                                                ：webpack@3.12.0...
Vue初学(二)
aaa948771854的博客
11-13 276
1、webpack 首先需要安装node，完了安装webpack npm install webpack@3.6.0 -g (全局安装) webpack npm install webpack@3.6.0 --save-dev (局部安装) webpack就是一个打包工具，用来处理各个模块之间的依赖，比如使用commonjs的语法来导入导出模块，直接在index.html里面引入两个js，浏览器是无法识别的，所以需要webpack来打包，处理多个模块之间的依赖 npm init 指令会生成pa...
webpack，webpack-cli版本兼容
weixin_45351558的博客
04-24 1471
cnpm install webpack@4.41.5 -g //我用的是全局安装。
webpack安装
最新发布
03-14
### 安装 Webpack 的方法 #### 准备工作 在安装 Webpack 前，需先确认已正确安装 Node.js 和 npm。可以通过以下命令验证其版本号： ```bash node -v && npm -v ``` 如果未安装 Node.js 或 npm，则需要访问官网下载...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值