[提问]:3.x插件怎么引用element-ui组件?

按照 ElementUI 官方文档引入,发现 css 生效了,但好像组件库没生效,各位大佬知道咋回事吗?

同时UI组件 Extension 使用介绍不能说没有,只能说完全没有 @450894613

是因为shadowdom导致的

和我想的一样,无语了

要不是试试我的新轮子,顺便帮我pr点代码

https://www.npmjs.com/package/cc-plugin

我想要的是扩展inspector

而且我看了下,你的包说明是抹平2.x和3.x的差异,但实际上只抹平了package.json的差异,Editor的api并没有进行适配,\src\ccp\adaptation.ts里面只有少数的几个接口,因为我在开发 cc-plugin-cli 的时候就想到了这个问题,感觉工作量太大,就直接放弃了

我周末出个 3.x 的从零开始的插件开发指南吧,帮助大家更快的开发插件

那是因为我在慢慢更新,边更新我的插件,边更新这个cli,不可能一步到位的,后续我还有把插件发布成web版本的需求,方便体验引流,不做个cli,这活就没法干

插眼紫薯布丁!

有个曲线救国的方法,把所有你想用的插件用webpack打包成一个文件,然后导入。

@ifaswind @Andyscream 之所以 element-ui 展示错误是因为 css 没加载完,可以用如下方式加载,完整 demo 在我写的插件模板 https://github.com/1226085293/cc-plugin-template

interface css_info {
	/** css 路径 */
	url_s: string;
	/** 挂载节点 */
	parent: ParentNode;
}

const option: vue.Component = {
	template: fs.readFileSync(`${__dirname}/container.html`, "utf-8"),
	methods: {
		/** 动态加载 css */
		load_css(info_as_: css_info[]): void {
			info_as_.forEach((v) => {
				let css = document.createElement("link");
				css.rel = "stylesheet";
				css.href = v.url_s;
				v.parent.appendChild.call(v.parent, css);
			});
		},
	},
	data() {
		return {};
	},
	watch: {},
	created() {},
	mounted() {
		this.load_css([
			{
				parent: document.head,
				url_s: config.path_s + "/node_modules/element-plus/dist/index.css",
			},
			{
				parent: this.$el,
				url_s: config.path_s + "/node_modules/element-plus/dist/index.css",
			},
		]);
	},
};

2赞

原来是这样.[手动点赞]

该主题在最后一个回复创建后14天后自动关闭。不再允许新的回复。