第三十三篇:关于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的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-16Vue项目实战:新手入门指南
- 2024-11-16React Hooks之useEffect案例详解
- 2024-11-16useRef案例详解:React中的useRef使用教程
- 2024-11-16React Hooks之useState案例详解
- 2024-11-16Vue入门指南:从零开始搭建第一个Vue项目
- 2024-11-16Vue3学习:新手入门教程与实践指南
- 2024-11-16Vue3学习:从入门到初级实战教程
- 2024-11-16Vue学习:新手入门必备教程
- 2024-11-16Vue3入门:新手必读的简单教程
- 2024-11-16Vue3入门:新手必读的简单教程