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

2021/10/15 6:16:11

本文主要是介绍第三十三篇:关于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:监听, 用于设置文件改动后直接打包

就这么多了.



这篇关于第三十三篇:关于ES6,JSON和Webpack的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程