码迷,mamicode.com
首页 > Web开发 > 详细

vue 安装webpack

时间:2019-11-23 23:48:53      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:目录   net   module   log   成功   vue   安装   依赖   json   

      https://blog.csdn.net/Mirror_r/article/details/90670892

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

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

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

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

# 从当前目录中提取的信息生成默认的package.json
npm init -y
# 或
npm init --yes
1
2
3
4
出现一串文本表示执行成功:


在项目中安装 webpack:

# --save-dev: 安装到项目的依赖中
npm install --save-dev webpack
# 或 -g: 全局安装
npm install -g webpack
1
2
3
4
建议用--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
1
在package.json文件中,devDependencies中能够看到webpack-cli的版本信息。

验证成功

# 查看webpack版本
node_modules/.bin/webpack -v
# 查看webpack-cli版本
node_modules/.bin/webpack-cli -v
1
2
3
4
因为是局部安装,因此 webpack 是在依赖包里的,对于它们命令的执行,要进入依赖包才行,否则是被认为命令无效的。或者,使用npx会自动找到对应的包执行命令,它是一个 npm 包执行器,一般安装了 npm 会自动安装 npx,总之,有了这个工具,执行局部的 webpack 命令就没那么冗长了。

npx webpack -v
1

卸载:

https://blog.csdn.net/wg8ofk08/article/details/94621569

vue 安装webpack

标签:目录   net   module   log   成功   vue   安装   依赖   json   

原文地址:https://www.cnblogs.com/jflalove/p/11920756.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!