当前位置: 首页 > news >正文

webpack打包文件出错

在进行webpack打包前我们要确保已完成的工作:

1)安装webpack:推荐全局命令 npm install -g webpack 查看webpack版本 webpack -v

2)此时对文件进行打包可能出现错误,提示脚手架文件错误,因为在webpack4的版本里,CLI被单独分离出来了所以要我们单独安装 执行全局命令 npm install -g webpack-cli 安装完脚手架,按理讲是可以使用webpack命令进行正常打包了。

使用webpack打包文件的一般语法为:(简书上面的webpack入门教程是这样说的

# {extry file}出填写入口文件的路径,本文中就是上述main.js的路径,
# {destination for bundled file}处填写打包文件的存放路径
# 填写路径的时候不用添加{}
webpack {entry file} {destination for bundled file}

# webpack非全局安装的情况
node_modules/.bin/webpack app/main.js public/bundle.js

于是执行打包命令 webpack a.js bundle.js 结果还是出现错误 WARNING in configuration The ‘mode’option has…..

截图如下:
这里写图片描述
出现这个错误提示并不是我们环境装错了,而是webpack4 更新后对webpack语法进行了更严格的要求

之前的命令被修订为 webpack a.js –output-filename bundle.js ,执行这句命令发现打包成功。 截图如下所示:
这里写图片描述

相关文章:

  • npm中的--save-dev与--save的区别
  • vue-router路由导航钩子
  • javascript本地上传并解析excel文件
  • echarts柱状图的x轴文字纵向显示
  • ajax实现跨域请求的几种方式--前端
  • css3-单位px与vw,rem的区别
  • openlayers4通过拖动滑动条设置图层颜色透明度
  • openlayers4判断一个点是否在闭合图形的内部
  • 常见电脑屏幕分辨率
  • css3更改默认滚动条样式-webkit-scrollbar
  • GIS开发-天地图按照地名搜索定位
  • css3中的伪类before和after常见用法
  • openlayers4获取一个图形的边界
  • Vue.js小例子--tab选项卡切换
  • 使用openlayers3加载png格式图片
  • 【跃迁之路】【669天】程序员高效学习方法论探索系列(实验阶段426-2018.12.13)...
  • extjs4学习之配置
  • HTML5新特性总结
  • HTTP--网络协议分层,http历史(二)
  • JavaScript实现分页效果
  • oschina
  • Stream流与Lambda表达式(三) 静态工厂类Collectors
  • 聊聊hikari连接池的leakDetectionThreshold
  • 普通函数和构造函数的区别
  • 腾讯大梁:DevOps最后一棒,有效构建海量运营的持续反馈能力
  • 栈实现走出迷宫(C++)
  • [地铁译]使用SSD缓存应用数据——Moneta项目: 低成本优化的下一代EVCache ...
  • TPG领衔财团投资轻奢珠宝品牌APM Monaco
  • 阿里云移动端播放器高级功能介绍
  • 数据库巡检项
  • ​软考-高级-系统架构设计师教程(清华第2版)【第15章 面向服务架构设计理论与实践(P527~554)-思维导图】​
  • #我与Java虚拟机的故事#连载17:我的Java技术水平有了一个本质的提升
  • (Arcgis)Python编程批量将HDF5文件转换为TIFF格式并应用地理转换和投影信息
  • (带教程)商业版SEO关键词按天计费系统:关键词排名优化、代理服务、手机自适应及搭建教程
  • (二)Linux——Linux常用指令
  • (附源码)spring boot北京冬奥会志愿者报名系统 毕业设计 150947
  • (附源码)springboot猪场管理系统 毕业设计 160901
  • (四) Graphivz 颜色选择
  • (学习日记)2024.02.29:UCOSIII第二节
  • (一)ClickHouse 中的 `MaterializedMySQL` 数据库引擎的使用方法、设置、特性和限制。
  • (转)eclipse内存溢出设置 -Xms212m -Xmx804m -XX:PermSize=250M -XX:MaxPermSize=356m
  • (转)程序员技术练级攻略
  • (转贴)用VML开发工作流设计器 UCML.NET工作流管理系统
  • ***php进行支付宝开发中return_url和notify_url的区别分析
  • .\OBJ\test1.axf: Error: L6230W: Ignoring --entry command. Cannot find argumen 'Reset_Handler'
  • .NET core 自定义过滤器 Filter 实现webapi RestFul 统一接口数据返回格式
  • .NET Framework 3.5中序列化成JSON数据及JSON数据的反序列化,以及jQuery的调用JSON
  • .net利用SQLBulkCopy进行数据库之间的大批量数据传递
  • .NET设计模式(8):适配器模式(Adapter Pattern)
  • .net中生成excel后调整宽度
  • // an array of int
  • ??如何把JavaScript脚本中的参数传到java代码段中
  • @require_PUTNameError: name ‘require_PUT‘ is not defined 解决方法
  • @SuppressLint(NewApi)和@TargetApi()的区别
  • [ACL2022] Text Smoothing: 一种在文本分类任务上的数据增强方法