模块化（es6+nodejs+typescript）

es6 模块的导入导出

• ES6 专题—class 与模块化（10）

export

const checkStr = (str, type) => {
  // 等内容
};

module.exports = {
  checkStr,
};

export const updateInfo: any = (data: any) => {
  return fetch({
    method: "post",
    url: `/*****************`,
    data: data,
  });
};

import

import fetch from "../utils/fetch";

与 class 结合

/*
 * @Author: wztlink1013
 * @Date: 2022-03-09 09:56:11
 * @LastEditTime: 2022-03-09 10:22:32
 * @Description:
 */
class StorageFn {
  ls: Storage;
  ss: Storage;
  constructor() {
    this.ls = window.localStorage;
    this.ss = window.sessionStorage;
  }
  /*设置cookie*/
  setCookie(name: any, value: any, day: any) {}
  // 等内容
}

export default StorageFn;

node 模块的导入导出

nodejs 不能使用 es6 的模块导入导出

node.js 使用 commonjs 规范，es6 module 的推出和完善，node 从 v13 开始原生支持 es6 module。

在 node 环境下是不能使用 es6 语法中 import export 导入导出语法的，解决办法有 babel 转义，或者如下面的一种新方法（需要 Node.js 版本 13.x.x 以上），个人推荐最好还是用 babel 配置 babel 配置文件在转义，因为可以自行一些配置。

• 解决方案一：Node.js 版本 13.x.x 以上的版本，使用 官方推荐的方法 在 package.json 文件中设置 "type": "module"。

{
  "type": "module"
}

• 解决方案二：使用 babeljs ，然后在项目中添加相关配置即可，具体可以查阅相关教程。

导入导出

导出

【第一种方式】

• 就是在模块里面定义好变量/方法，然后利用 exports.let_1= let_1; exports.fun_1 = fun_1;这种形式，一个个导出

【第二种方式】module.exports.version = version;

导入
const a = require(‘文件路径’);

模块的查找规则

ts 的模块导入导出

• TypeScript 模块导入终极解决方案