vue webpak版本查看_vue 安装webpack

webpack安装

由于 webpack 执行打包压缩时依赖 nodeJS，所以在安装 webpack 之前先安装一下 nodeJS。

因为 npm 是 nodeJS 平台默认的包管理工具，这里用 npm 安装 webpack。

本文默认已安装好 nodeJS 和 npm。

首先，用 npm 在项目的根目录创建一个package.json文件：

# 从当前目录中提取的信息生成默认的package.json

npm init -y

# 或

npm init --yes

出现一串文本表示执行成功：

在项目中安装 webpack：

# --save-dev: 安装到项目的依赖中

npm install --save-dev webpack

# 或 -g: 全局安装

npm install -g webpack

建议用--save-dev的方式，因为不是所有项目都需要 webpack。

安装成功后，打开package.json文件查看 webpack 是否已经安装，并且查看 webpack 安装的版本。

由于 webpack 4.x 以上将命令相关的内容都放到了 webpack-cli，所以还需要安装 webpack-cli。

安装 webpack-cli。

npm install --save-dev webpack-cli@3.6.0

在package.json文件中，devDependencies中能够看到webpack-cli的版本信息。

验证成功

# 查看webpack版本

node_modules/.bin/webpack -v

# 查看webpack-cli版本

node_modules/.bin/webpack-cli -v

因为是局部安装，因此 webpack 是在依赖包里的，对于它们命令的执行，要进入依赖包才行，否则是被认为命令无效的。或者，使用npx会自动找到对应的包执行命令，它是一个 npm 包执行器，一般安装了 npm 会自动安装 npx，总之，有了这个工具，执行局部的 webpack 命令就没那么冗长了。

npx webpack -v

卸载:

vue webpak版本查看_vue 安装webpack相关推荐

vue webpak版本查看_Vue(四)--webpack
一.webpack简介 At its core, webpack is a static module bundler for modern JavaScript applications. 从本质上 ...
vue webpak版本查看_vue版本以及webpack版本
vue作为大前端的主流框架更新速度也是极快. 那么vue的更新会有哪些问题呢?最近在搭建vue框架的时候发现由于vue版本的快速迭代已经与原本般配的webpack产生了隔阂.webpack作为大前端 ...
nginx：启动、重启、关闭、版本查看、安装目录获取
通过cmd面板或者Xsheel控制面板,输入相应指令,如下表所示: 编号目的操作指令 1 利用配置文件启动nginx nginx -c /usr/local/nginx/conf/nginx.co ...
cuda版本查看_ubuntu安装CUDA
0 写在前面安装环境:ubuntu18.04以及GTX1050Ti笔记本为什么要安装CUDA? 参考百科,CUDA是英伟达推出的集成技术,通过该技术可利用GeForce 8 以后的GPU或者较新的 ...
vue/cli 和 vue 版本对应及安装
文章目录 Vue Cli 使用方式: 关于Vue Cli版本介绍 @vue/cli 安装: 版本号对应查看vue和@vue/cli版本: Vue Cli Vue CLI = Vue + 一堆的js插 ...
Vue（四）Vue脚手架——手把手教你安装和使用
一.什么是Vue脚手架之前我们使用Vue框架,都是通过脚本的方式引入Vue脚本,在html中运行,但是这只是入门级的操作,下面我们介绍Vue脚手架. 脚手架:脚手架是一类软件的总称,此类软甲用于生成 ...
webpack 3/4踩坑，我太难了，从安装、卸载、到使用，各相应的版本号，sass-loader报错-版本的原因，webpack -v 不识别，没卸载干净...
-先说卸载: wabpack@4对应的每个插件的版本号都在最后 1 全局安装的话,npm uninstall webpack -g 有时候并不能卸载干净, 2 webpack -v 可判断是否安装成 ...
Vue项目安装webpack遇到的问题
查看webpack版本时报错: webpack -v: CLI for webpack must be installed.webpack-cli (https://github.com/webpac ...
查看Python的版本_查看当前安装Python的版本
一.查看Python的版本_查看当前安装Python的版本具体方法: 首先按[win+r]组合键打开运行: 然后输入cmd,点击[确定]: 最后执行[python --version]命令即可. 特 ...

vue webpak版本查看_vue 安装webpack

vue webpak版本查看_vue 安装webpack相关推荐

最新文章

热门文章

vue webpak版本 查看_vue 安装webpack

vue webpak版本 查看_vue 安装webpack相关推荐

最新文章

热门文章

vue webpak版本查看_vue 安装webpack

vue webpak版本查看_vue 安装webpack相关推荐