前端项目中的模块导入导出

// 没有路径只有名称的，一般都是从 node_modules依赖中导入的第三方库
import axios from 'axios'

// 这种带有相对路径表示从本地文件中导入
import { add } from './utils/tools'

// 相当于tools 中定义的所有变量函数都放在 myData中，
// 那么访问的时候可以从 myData 中解构出来
import * as myData from './utils/tools'

// 导出一个方法
export const sendRequest = (parmas: {}): any => {
    axios.get({}).then().catch()
}

export const sum = (a: number, b: number): any => {
    return a + b
}

export const uploadUrl = '/api/v1/upload'

// 定义一个对象，让后导出
const info = {
    name: 'Alex',
    age: 20
}
// 导出对象
export const { name, age } = info

export function multiple() {
    return 'multiple '
}

// 默认导出 sum 方法
export default sum

总结：

• export default 语句一个文件中只能有一个
• 所有 export 的变量和函数导入的时候都需要带有{}来导入 export const url = ‘’, export function add() {}
• 或者可以导入所有 * , 然后起一个别名import * as myData from ‘./utils/tools’

代码规范指南

MDN 关于模块定义