尼采般地抒情

公告栏

此网站主题为本人手写主题,主题还在开发中……


作者:尼采般地抒情

站点信息

文章数目:300
已运行时间:
目录
  1. es6 模块的导入导出
    1. export
    2. import
    3. 与 class 结合
  2. node 模块的导入导出
    1. nodejs 不能使用 es6 的模块导入导出
    2. 导入导出
    3. 模块的查找规则
  3. ts 的模块导入导出

尼采般地抒情

尼采般地抒情

公告栏

此网站主题为本人手写主题,主题还在开发中……


作者:尼采般地抒情

站点信息

文章数目:300
已运行时间:

es6 模块的导入导出

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;这种形式,一个个导出

image.png

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

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

模块的查找规则

image.png
image.png

ts 的模块导入导出

评论区

Beaudar Twikoo

最新评论

Loading...