externals: { vue: 'Vue', 'element-ui': 'ELEMENT', 'element-china-area-data': } 'element-china-area-data': 的后面应该写什么
时间: 2023-12-04 19:03:42 浏览: 152
如果你希望将 `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", "element-ui": "ELEMENT", "vue-quill-editor": "VueQuillEditor", },
这是一个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', 'riophae/vue-treeselect': } 'riophae/vue-treeselect': 的后面应该写什么
在 externals 中,为了避免将某些库打包进最终的构建文件中,我们可以将这些库声明为外部依赖,这样在构建时就会从外部获取这些库。因此,'riophae/vue-treeselect' 后面应该写一个表示这个库对应的全局变量名的字符串。如果你使用的是 umd 版本的 'riophae/vue-treeselect',通常情况下应该写 'VueTreeselect'。
阅读全文