npm模块化

npm模块导入导出的几种方式

一、基于 CommonJS 标准语法

导出

// 封装的属性和方法
const baseURL = 'http://hmajax.itheima.net'
const getArraySum = arr => arr.reduce((sum, item) => sum += item, 0)

// 使用module.exports导出
module.exports = {
    url: baseURL,
    arraySum: getArraySum
}

导入

// 使用require导入utlis.js文件
const obj = require('./utlis.js')
console.log(obj)
// 直接使用obj.导出的方法
const result = obj.arraySum([1, 2, 3, 4, 5])
console.log(result)

二、基于 ECMAScript 标准语法

1. 命名导出和导入

导出

// 导出:export修饰定义语句
export const baseURL = 'http://hmajax.itheima.net'
export const getArraySum = arr => arr.reduce((sum, item) => sum += item, 0)

导入

// 导入
import { baseURL, getArraySum } from "./utlis.js"
console.log(baseURL)
const result = getArraySum([1, 2, 3])
console.log(result)

2. 默认导出和导入

导出

const baseURL = 'http://hmajax.itheima.net'
const getArraySum = arr => arr.reduce((sum, item) => sum += item, 0)

// 默认导出
export default {
    url: baseURL,
    arraySum: getArraySum
}

导入

// 默认导入
import obj from './utils.js'
console.log(obj)
const result = obj.arraySum([1, 2, 3])
console.log(result)