第三十三篇:关于ES6,JSON和Webpack
好家伙
1.什么是ES6?
ECMAScript是javascript标准
ES6就是ECMAScript的第6个版本
(大概是一个语法标准规范)
2.什么是JSON?
JSON 是什么,在数据交换中有什么用? - 知乎 (zhihu.com)(知乎,永远的神)
一种轻量级的数据交换格式(一种格式)
JSON语法
数据在名称/值对中
数据由逗号分隔,
大括号保存对象{ }
中括号保存数组[]
JSON值
数字(整数/浮点数)
字符串(双引号)
数组(中括号中)
对象(大括号中)
null
3.什么是webpack?
(4条消息) 【狂神说Java】vue学习笔记8-----webpack使用_pan_h1995的博客-CSDN博客
这就是一个打包工具,把我要的东西打包起来运行.
webpack是一个现代JavaScript应用程序的静态模块打包器(module bundler) 。
当webpack处理应用程序时, 它会递归地构建一个依赖关系图(dependency graph) ,
其中包含应用程序需要的每个模块, 然后将所有这些模块打包成一个或多个bundle.
(有降级的功能)
狂神连接里面有个例子:
将两个.js文件打包成一个文件,并且将ES6语法降级成ES5,
随后在一个html文件里<script src="bundle.js">直接引用
就有了前面两个js里的东西
这就是vue的模块开发了?(我想应该是的)
创建 webpack.config.js
配置文件
- entry:入口文件, 指定Web Pack用哪个文件作为项目的入口
- output:输出, 指定WebPack把处理完成的文件放置到指定路径
- module:模块, 用于处理各种类型的文件
- plugins:插件, 如:热更新、代码重用等
- resolve:设置路径指向
- watch:监听, 用于设置文件改动后直接打包
就这么多了.
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具