export具体使用

设置变量,然后使用export导出

1
2
3
4
5
6
7
//--------------第一种方式:定义变量与导出分开------------------------------
var one = "export导出"
var two=["AAA","BBB","CCC"]
export { one, two }
//--------------导出与定义变量直接一起写--------------------------------
export var three="直接导出"

使用变量

1
2
3
import {one,two,three} from "../js/test.js"
//打印
console.log(one+","+two+","+three);

特点

  • 导出时需要和导入的变量名称相同
  • 如果导出和定义变量分开,导出时变量名加{}
  • 导入的时候变量名必须加{}
  • 可以有多个export语句

export default具体使用

其实export default和export的功能是一样的,但是一个文件里面只能有一个export default语句。
export default是把所有{}中所有的内容都赋值给default,然后当我们导入的时候也可以改变名称,但是其实是把所有的default导入了。

先设置需要导出的数据:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var onePart="导出1"
var twoPart="导出2"
var threePart=[
{
name:"第一个",
type:"数组1"
},
{
name:"第二个",
type:"数组2"
}
]
export default{
onePart,twoPart,threePart
}

导入数据

1
2
3
4
//导入数据
import all from "../js/test.js"
//打印数据
console.log(all)

特点

  • 引入时,可以变成不同的名称
  • 直接把所有内容都导出
  • 引入时,设置的变量名不用加{}
  • 一个文件中只能有一个export default语句

一个文件中既有export,又有export default

1
2
3
4
5
6
7
8
9
10
11
12
// 导出
export default{
aa: "2333"
}

export const aa = "11111"


// 导入
import all, {aa} from '../js/test.js'
// 打印数据
console.log(all,aa)

corepack包管理器的管理器。

github地址 里面有介绍如何使用

简单就是yarn,pnpm这类包管理器的一个管理器,在node.js v14.19.0+版本自带,默认是禁用的,需要使用命令开启corepack enable 目前默认只管理yarn,和pnpm,因为npm现在依旧是node.js的官方默认包管理器。

执行启用命令,就可以把自己安装在全局的Pnpm和Yarn给移除了,移除命令npm uninstall -g yarn pnpm,如果没安装则无需移除。

为什么可以移除,因为现在全局环境中已经有Pnpm和Yarn命令了,

1
2
3
4
5
6
7
# 查看npm全局依赖
npm list -g

# 输出
# D:\wansoftware\devtool\node\node-global
# +-- hexo-cli@4.3.0
# `-- npm@9.6.1

可以看到并没有yarn和pnpm的依赖

但是执行yarn -v或者pnpm -v 依旧会有输出,这就是corepack的功劳

靓丽美女 鞠婧祎 黑色裙子