按照 ElementUI 官方文档引入,发现 css 生效了,但好像组件库没生效,各位大佬知道咋回事吗?
同时UI组件 Extension 使用介绍不能说没有,只能说完全没有 @450894613
是因为shadowdom导致的
和我想的一样,无语了
我想要的是扩展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",
},
]);
},
};
原来是这样.[手动点赞]
该主题在最后一个回复创建后14天后自动关闭。不再允许新的回复。