请问老师关于globals配置

来源:11-7 【放大招了】rollup vue 组件编译

hy_wang

2020-09-16

老师我查了下文档,好像上一个问题关于rollup的globals配置我理解错了。请问下老师globals配置是不是类似一个垫片的作用,类似webpack.providePlugin吗。

比如:

output:[{
	...
	globals:{
		jquery:"$"
	}
}]

它的意思是不是就是说,当我们自己写的代码中使用到了$这个变量,就相当于使用了jquery,也就是强制需要使用我们库的用户

import $ from "jquery"

或者是说,我们我们代码中使用的

import $ from "jquery"

的话,rollup会在全局变量中寻找$赋值赋值给from的jquery模块?

我的理解是当我们配置externals配置时,比如课程中我们使用vue但并不打包vue,然后使用globals配置告诉roullup当

import { reative } from "vue"

from的vue模块,其实就是全局变量的vue。是这样吗?

写回答

1回答

扬_灵

2020-09-17

同学你好,在global中配置'jquery':'$'是告诉rollup 全局变量$即是jquery,在使用import $ from "jquery"的时候rollup会将全局变量$赋值给from的jquery模块, 当我们配置external后是告诉rollup不要将此vue打包,而作为外部依赖,在打包组件中使用时import { reative } from "vue"用的就是全部变量vue,理解是对的.如果不能解决你的问题可以继续追问。

0
0

数据可视化入门到精通-打造前端差异化竞争力

同级别前端,掌握数据可视化薪资更高

1520 学习 · 1043 问题

查看课程