webpack的正确安装方式
//搭建webpack环境
//webpack是基于node.js开发的模块打包工具,所以它本质上是由node实现的,
//所以首先要安装node.js,
node.js官网---建议安装10.13.0LTS这个版本,一个比较稳定的版本,
尽量安装最新版本的node.js,新版本的node.js会很大程度上提高webpack的打包速度,
提高webpack打包速度:
1.保持node.js版本最新,
2.webpack版本保证最新,
高版本的webpack会利用node.js新本的一些特性,来提高它的打包速度,
//为什么不安装11.2.0的current版本?
//它是最新版,但不是稳定版
打开终端
node -v //查看node版本号
npm -v //输出npm版本号,说明安装node的时候,连同它的npm工具也安装好了
//创建webpack-demo文件夹
//进入webpack-demo文件夹,npm init初始化项目
//package.json文件描述了项目的一些信息,
项目初始化之后,安装webpack
1.全局安装
npm install webpack webpack-cli -g //webpack-cli是干什么的?
//(手机分享热点安装就不会失败)
webpack -v 查看版本号
全局安装webpack不推荐 //会有不同项目用的不同版本的webpack
2.在项目内安装webpack
//卸载全局安装的webpack
//npm uninstall webpack webpack-cli -g
//运行webpack -v 找不到这个命令,删除成功
在项目中安装webpack
在命令行中进入到webpack-demo这个目录,
在目录里面运行
npm webpack webpack-cli -D //等价于npm webpack webpack-cli --save-dev
//安装成功目录下多出node-modules这个文件夹,这里面就是webpack和它依赖的一些包,
//此时webapck -v运行不起来,
//因为当你输入webpack这个命令的时候,node.js会尝试到全局的模块的目录中去找webpack,
//但是这时候webpack我们并没有安装到全局,而是安装到项目内,所以找不到这个命令,
npx webpack -v 可以查看到webpack的正确版本号,
npx这个命令可以帮我们在当前项目的这个目录的node-modules这个文件夹里,帮我们去找webpack,
//所以通过npx我们就可以在这个目录下去运行存在于这个目录下的webpack的安装包,
//这种方式是把我们的webpack安装在了项目内,然后我们通过npx去运行webpack就行了,
npm install -y自动设置配置项,
指定webpack版本号,怎么查看一个版本的版本号是否存在?
npm info webpck 查看版本相关信息
npm insatll webpack@4.16.5 webpack-cli -D
npm install 安装项目依赖的包
2020-11-23webpack的正确安装方式(1.3)
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 1.当代种种事件不同于历史之处,在于我们不知道它们会产生什么后果。 2.经验和利益的偶然结合,往往会向人们揭示...