npm全局安装_安装webpack
安装Webpack前的准备工作:
1. 由于 webpack 执行打包压缩时依赖 nodeJS,先确保你的系统安装了nodeJS5.0.0
及以上的版本。
2. 因为 npm 是 nodeJS 平台默认的包管理工具,这里用 npm 安装 webpack。
Webpack有两种安装方式: 全局安装:安装Webpack到全局后,可以在任何地方共用一个Webpack可执行文件,而不用各个项目重复安装。局部安装:(推荐)安装到某个项目中,可防止不同项目依赖不同版本的 Webpack 而导致冲突。
全局安装 Webpack
安装Webpack:
# --install:安装 | 简写:i
# --global: 全局 | 简写:-g
# 安装最新版本
npm i -g webpack
# 安装指定版本
npm i -g webpack@<version>
如果你使用 webpack 4+ 版本,还需要安装 webpack-cli(webpack):
npm i -g webpack-cli
查看版本,验证安装成功:
webpack -v
局部安装 Webpack 到项目
1. 首先,用 npm 在项目的根目录创建一个package.json
文件:
# 从当前目录中提取的信息生成默认的package.json
npm init -y
# 或
npm init --yes
出现一串文本表示执行成功:
2. 在项目中安装 webpack:
# --save-dev: 安装到项目的依赖中 | 简写:-D
# 安装最新版本
npm i -D webpack
# 安装指定版本
npm i -D webpack@<version>
3. 安装成功后,打开package.json
文件查看 webpack 是否已经安装,并且查看 webpack 安装的版本。
由于 webpack 4.x 以上将命令相关的内容都放到了 webpack-cli,所以还需要安装 webpack-cli。
4. 安装 webpack-cli。
npm i -D webpack-cli
在package.json
文件中,devDependencies
中能够看到webpack-cli
的版本信息。
5. 验证成功 我们可以进入项目的node_modules/.bin/webpack
访问webpack的bin版本。
# 查看webpack版本
node_modules/.bin/webpack -v
# 查看webpack-cli版本
node_modules/.bin/webpack-cli -v
因为是局部安装,要进入依赖包执行webpack的命令才有效,否则会被认为命令无效。 或者,使用 npm 包执行器 npx
可以自动找到对应的包执行命令(一般安装了npm会自动安装npx),有了这个工具,执行局部的webpack命令就没有那么冗长了。
npx webpack -v
npm全局安装_安装webpack相关推荐
- php5.2.10安装_安装 | 起步 | Laravel 5.2 中文文档
安装 由 学院君 创建于5年前, 最后更新于 11个月前 版本号 #2 94087 views 46 likes 0 collects 1.服务器要求 Laravel 框架有对服务器有少量要求,当然, ...
- createrepo命令安装_安装CDH6.3
文档编写目的 Cloudera在2019年7月31日,对外宣布正式发布Cloudera Enterprise 6.3,相关介绍可以参考Fayson之前的文章<0682-Cloudera Ent ...
- cmd测试cuda安装_安装:anaconda+cuda+pytorch+pycharm
每次安装都要在网上各种搜索,为了下次安装的时候简单一点,把对我安装帮助较大的链接整理了一下,整个过程仅供参考: 除了pycharm,其他位置均不建议更改默认位置,建议全程可开着cmd 1.anacon ...
- python wand安装_安装PythonMagick和pythonmagickwand 步骤
在centos6.0上测试安装,安装前准备工作: ########################################################################### ...
- pip 安装_安装 pip 轻松管理 PyPI 软件包 | Linux 中国
在 Linux.Mac 或 Windows 上为旧版 Python 安装 pip.-- Vijay Singh Khatri Python 是一种功能强大.流行广泛的编程语言,在常规编程.数据科学等很 ...
- mysql2.1.4安装_安装Apache2.2.4+Mysql5.0.27+php5.2.1详细安装说明
安装Apache2.2.4+Mysql5.0.27+php5.2.1详细安装说明 安装系统: 红帽子企业服务器Redhat Linux5(不安装任何服务) 也可以安装完整版,然后将Apache,mys ...
- nginx 安装_安装Nginx的几种方式
nginx安装 yum安装 手动下载安装包安装 下载地址:http://nginx.org/en/download.html 下载最新稳定版本Stable version,目前最新版本为:1.18.0 ...
- tensorflow 安装_安装tensorflow-gpu 2.0
本文介绍tensorflow 2.0 GPU版的安装,测试.软件包括Windows 10,Anaconda,NVIDIA GPU 驱动,CUDA® Toolkit,cuDNN SDK,tensorfl ...
- pip 离线安装_安装不上python的模块怎么办?别怕,我这有妙招!
之前我们介绍过如何在Python中安装第三方的包: Python以第三方包丰富而著称,你想要的功能几乎都可以通过pip命令安装,避免什么都要自己重新造轮子尬尴. 但是pip安装有两个常见问题,第一是下 ...
最新文章
- jQuery-this与$(this)的区别
- Web service是什么?
- Mac卸载mysql并安装mysql升级到8.0.13版本
- 我的世界linux服务器怎么加种子,我的世界怎么获得服务器种子?服务器种子获得方法介绍...
- OpenCV展开二维相位图
- MacOS开启系统自带的NTFS读写功能
- Chrome 浏览器扩展 - Dark Web - Dark Theme for Chrome
- [pytorch、学习] - 4.6 GPU计算
- 放大缩小保证div对齐_NFS Write IO 不对齐深度分析
- bbPress 介绍,安装和中文包
- Android 列表视图
- 本地mysql无法监听_查询数据库出错,监听器无法监听
- jconsole中无法显示本地启动的tomcat
- 陈后金信号与系统matlab习题答案,陈后金信号与系统第2版课后习题答案解析
- Processing自画像
- coreseek java_coreseek 安装及使用方法详解
- 寒假刷刷算法题(13)
- 杨凌职业技术学院计算机专业宿舍,杨凌职业技术学院宿舍条件怎么样,有独立卫生间和空调吗...
- 小程序云开发实战:从零搭建科技爱好者周刊小程序
- mysql判断用户名和密码是否正确_怎样分别判断用户名和密码是否正确
热门文章
- 程序员想在深圳扎根,除了去腾讯,还可以考虑一下这些公司
- IP协议------网段划分
- java fork子进程_Linux环境编程–waitpid与fork与execlp
- Hum Brain Mapp | 联合连接矩阵独立成分分析:结构和功能连接的自动链接
- WINXPsp2在建立新的超级拥护后ADMINISTRATOR用户消失解决方案
- Centos安装Redis
- SQL Server、Oracle和MySQL三种常用数据库的比较(一)
- linux tomcat6 permgen space,tomcat内存溢出之PermGen space
- 贝叶斯方法的优缺点及其应用场景
- testlink根据每版本的测试者的报告无法正常显示可能问题