关于export 和 require（import）的一些技巧和常用方法

Posted 2020-08-06 贝尔塔猫

多重export

//export
export const setError = ({dispatch}, error) => {
  dispatch(‘SET_ERROR‘, error)
}
export const showError = ({dispatch}) => {
  dispatch(‘SET_ERROR_VISIBLE‘, true)
}
export const hideError = ({dispatch}) => {
  dispatch(‘SET_ERROR_VISIBLE‘, false)
}

//import
import {setError,showError,hideError} from ‘./xxxx‘;Action.setError
//或者
import Action from ‘./xxxxx‘;Action.setError

//require
let abc = require(‘./xxxxx‘);abc.setError()

 export default {} 的 方式

注意，1、这里的"default"可以为任何自定义名称、比如abc;

         2、require的话还需要加上一个“default”对象，但如果是import的话就不需要。

//export
const incrementCounter = function ({dispatch,state}){
    dispatch(‘INCREMENT‘)
}

export default {
    incrementCounter
}


//require
let myAction = require(‘xxxxx‘);
myAction.default.incrementCounter()

//import
import myAction from ‘./xxxx‘;
myAction.incrementCounter()

 

exports 和 module.exports 

总结下，有两点：

1. 对于要导出的属性，可以简单直接挂到exports对象上

2. 对于类，为了直接使导出的内容作为类的构造器可以让调用者使用new操作符创建实例对象，应该把构造函数挂到module.exports对象上，不要和导出属性值混在一起

exports.str = ‘a‘;  
module.exports = function fn() {};