-
前端模块化
2020-04-08 12:28:01为什么要前端模块化2.前端模块化的实现方法1.CommonJS实现导出导入2.ES6的实现统一导出定义时导出缺省导出全部导入 1.为什么要前端模块化 前端模块化解决JS文件之间命名冲突,相互影响等问题。提高引用文件之间的...1.为什么要前端模块化
前端模块化解决JS文件之间命名冲突,相互影响等问题。提高引用文件之间的相互独立性。
2.前端模块化的实现方法
1.CommonJS实现
CommonJS的语法解析需要通过nodejs等环境支持
通过关键字 export require实现导出
function sum(num1, num2) { return num1 + num2 } var flag = true module.exports = { flag: flag, sum: sum }
导入
var {flag, sum} = require('./aaa.js')
2.ES6的实现
注意:在引用时添加module ,否则无法解析ES6模块化语法
<script src="test1.js" type="module"></script>
但,,,单以本地文件启动时
有许多种解决方法:这里列举一种,通过VS中的插件live Server
安装以后通过Live Server打开本地的Html文件,打开方式变成IP加端口
问题解决,但是有一个图标资源加载错误,有强迫症可以在目录下放一个Ico文件
下面进入正题:统一导出
// 1.统一导出,对象字面量增强写法: export { flag, sum }
import {flag, sum} from "./aaa.js";
定义时导出
导入时名字要和导出相同
export var num1 = 1000;
import {num1} from "./aaa.js";
缺省导出
(注意缺省导出只能有一个,导入时可以自己定义名字)
const address = '北京市' export default address
import myaddress from "./aaa.js";
全部导入
as可以实现在导入时进行改名
import * as aaa from './aaa.js'
收藏数
11,314
精华内容
4,525
-
HTML 时间获取器 laydate
-
精通编译Makefile,Nina, 从底层uboot到Android
-
Flask-Restful参数验证
-
linux c 通过http 协议 ,上传文件到服务器 源码
-
linux c 通过FTP 协议上传文件 源码 亲测可用
-
2013-2020矩阵代数往年试题.zip
-
Mysql数据库面试直通车
-
map和flatMap的区别
-
NFS 网络文件系统
-
文件操作所需Jar.zip
-
信息安全风险评估与风险管理.ppt
-
2021-03-02js学习-dom获取属性,元素节点的获取父节点,子节点,兄弟节点的方法.
-
全球编程大赛作品,拍摄月亮 3.98K.rar
-
无趣的一天从凌晨开始软件工作者的一天即将到来
-
php 基于redis计数器类
-
Vue项目城市选择页-兄弟组件数据传值(8-6)
-
MySQL 备份与恢复详解(高低版本 迁移;不同字符集 相互转换;表
-
Codeforces Round #704 (Div. 2) A-D题解
-
linux c can总线通信 源代码
-
FFmpeg4.3系列之16:WebRTC之小白入门与视频聊天的实战