首页 > Web开发 > 详细

webpack 和 webpack-cli 安装和使用中出现的问题

时间:2020-05-10 22:09:41      阅读:82      评论:0      收藏:0      [点我收藏+]

因为国内防火墙的原因,建议首先安装 cnpm:

  使用 npm install cnpm -g 或者 npm install -g cnpm --registry=https://registry.npm.taobao.org
技术分享图片

  【注】G:\MyWeb\...处为自定义的文件夹地址

 

安装 webpack 和 webpack-cli:

  可以用 cnpm install webpack -Dcnpm install webpack-cli -D 分别安装,也可以用 cnpm install webpack webpack-cli -D 一起安装,因为之前就出了问题,为了找问题我采用的分别安装

技术分享图片

 

【注】下图中 cnpm i 是 cnpm install 的缩写

技术分享图片

 

但是安装后还是有问题(此处 if ( 已经打包成功 ) return )

技术分享图片

 

尝试在初始化时生成的 package.json 文件中添加 dev:webpack 后运行也是出错

技术分享图片

技术分享图片

找到提示的这个日志文件,把文件夹中的日志删除,然后重新下载依赖:

使用 cnpm install webpack -g cnpm install webpack-cli -g 命令直接下载(为了试错我是分别安装的,另外使用 npm 会报错)

技术分享图片

 

 使用 cnpm install webpack -g 命令下载

技术分享图片

 

再使用 cnpm i webpack -D 安装,别忘了还有 webpack-cli 也要执行一遍下载和安装,是否可以使用 cnpm i webpack webpack-cli -g 和 cnpm i webpack webpack-cli -D 直接一次下载安装我没试过,折腾太久不想试了,试过的朋友可以留个言

技术分享图片

 

最后设置好 webpack.config.js 配置文件,再次运行 webpack 打包成功

技术分享图片

 

webpack 和 webpack-cli 安装和使用中出现的问题

原文:https://www.cnblogs.com/schuan/p/12865143.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!