externals: { vue: "Vue", "element-ui": "ELEMENT", "vue-quill-editor": "VueQuillEditor", },
时间: 2024-06-21 13:00:46 浏览: 5
这是一个JavaScript对象,通常在配置文件(如Webpack配置或Node.js模块加载器中)中使用,用来声明外部依赖。`externals`选项告诉打包工具(如Webpack)这些库已经全局存在,不需要在内部打包,可以直接从浏览器全局作用域中访问。
具体解释如下:
- `vue`: "Vue" - 这表示你在项目中假设已经有了Vue库,并且可以通过全局变量`Vue`来访问它,无需Webpack处理Vue源代码。
- `"element-ui": "ELEMENT"` - 类似地,这假设Element UI库已全局注册为`ELEMENT`,打包时不重新导入。
- `"vue-quill-editor": "VueQuillEditor"` - 同样的,这是对Vue Quill Editor插件的引用,你认为全局已安装并可通过`VueQuillEditor`来使用。
相关问题
externals: { vue: 'Vue', 'element-ui': 'ELEMENT', 'element-china-area-data': } 'element-china-area-data': 的后面应该写什么
如果你希望将 `element-china-area-data` 作为外部依赖来引入,可以将其对应的全局变量名设置为 `regionData, CodeToText, TextToCode`,就像下面这样:
```js
externals: {
vue: 'Vue',
'element-ui': 'ELEMENT',
'element-china-area-data': 'regionData,CodeToText,TextToCode'
}
```
这样,在打包时,webpack 会将 `element-china-area-data` 作为外部依赖来引入,而不会将其打包进最终的输出文件中。在你的代码中,需要确保 `regionData, CodeToText, TextToCode` 这三个全局变量名已经被正确加载到了全局环境中,并且你的代码中使用了这些全局变量。
另外,如果你不确定 `element-china-area-data` 对应的全局变量名称是什么,可以在控制台中尝试访问该模块,并查看其导出的对象结构,以确定正确的全局变量名称。
externals: { vue: 'Vue' }
这是webpack中的externals配置选项,用于将某些模块标记为外部依赖,不会被打包进入最终的代码中。在这个例子中,vue被标记为外部依赖,并且通过key-value的形式将其映射到全局变量Vue上。这意味着在代码中使用vue时,会直接使用全局变量Vue,而不是将其打包进入代码中。这样做的好处是可以减小打包后的代码体积,同时也可以避免重复打包同一个模块。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)