ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2021-10-15 01:31:28  阅读:93  来源: 互联网

标签:ES6 文件 JSON Webpack 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,webpack,第三十三篇,模块,打包
来源: https://www.cnblogs.com/FatTiger4399/p/15409299.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有