博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端模块化详解(包含各种导入导出及输出结果)
阅读量:3962 次
发布时间:2019-05-24

本文共 612 字,大约阅读时间需要 2 分钟。

CommonJS

浏览器不认识,需Browserify翻译

1. 导出

module.exports = ???exports.??? = ???

2. 导入

const ?? = require('??')/* 打印??结果 --> {???: ???} */

AMD

用的不多了,这里就不细讲了,感兴趣的自行百度

CMD

用的不多了,这里就不细讲了,感兴趣的自行百度

ES6

浏览器不认识,需babel翻译成commonJS,再用Browserify翻译成浏览器认识的

1. 导出

export const  ??? = '??' export default '???'

2. 导入 ---- 浏览器不认识,需Browserify翻译他

import ?? from '???'

注意:通过export const ??? = ‘??’ 导出的模块,使用时,直接用是undefast,必须用{}j解构赋值或者

import * as ??? from ‘???’ // Module{???: ‘???’}

补充知识点:

js本身可以看作是一个函数,他会默认内置几个实参

module -- 这个模块本身 // module.exports === exportsexports -- 导出require -- 导入__filename -- 当前模块所在完整路径__dirname -- 当前模块所在文件夹的完整路径

转载地址:http://ylqzi.baihongyu.com/

你可能感兴趣的文章