第三十三篇:关于ES6,JSON和Webpack

2022-10-19,,,

好家伙

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:监听, 用于设置文件改动后直接打包

就这么多了.

第三十三篇:关于ES6,JSON和Webpack的相关教程结束。

《第三十三篇:关于ES6,JSON和Webpack.doc》

下载本文的Word格式文档,以方便收藏与打印。