externals: { vue: 'Vue', 'element-ui': 'ELEMENT', 'element-china-area-data': } 'element-china-area-data': 的后面应该写什么
时间: 2023-12-04 15:03:42 浏览: 29
如果你希望将 `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', 'riophae/vue-treeselect': } 'riophae/vue-treeselect': 的后面应该写什么
在 externals 中,为了避免将某些库打包进最终的构建文件中,我们可以将这些库声明为外部依赖,这样在构建时就会从外部获取这些库。因此,'riophae/vue-treeselect' 后面应该写一个表示这个库对应的全局变量名的字符串。如果你使用的是 umd 版本的 'riophae/vue-treeselect',通常情况下应该写 'VueTreeselect'。
externals: { vue: 'Vue' }
这是webpack中的externals配置选项,用于将某些模块标记为外部依赖,不会被打包进入最终的代码中。在这个例子中,vue被标记为外部依赖,并且通过key-value的形式将其映射到全局变量Vue上。这意味着在代码中使用vue时,会直接使用全局变量Vue,而不是将其打包进入代码中。这样做的好处是可以减小打包后的代码体积,同时也可以避免重复打包同一个模块。