修改了elementUI 的一句源码,我该何去何从?

我的项目为满足需求,修改了elementIUI 某个组件的一句js代码。并且使用elementUI的方式是按需引入。而且项目是ssr服务端渲染。

问题出现了,vue ssr最后生成的首页<head>里注入了大量的 element css 代码。

而 seo有关的百度蜘蛛只展示前200k 的内容, 而我的首页前200k都是css,导致百度快照是空白。。相当于没有做seo。

我有思路是:webpack打包时 把element 的css代码给去掉,用cdn的方式引入element的 css,但js从本地打包(毕竟我改了它的一句js 代码)
这样可行吗?怎么操作?
还有什么好的解决办法,具体怎么操作呢?

另外问一下, element 本地引入的话,头部都会注入大量css 吗?但是百度爬虫 只抓取前200k 啊,这怎么破?

image.png

image.png
image.png
image.png

阅读 447
评论
    2 个回答

    与改js 无关,我项目之前没正确使用 mini-css-extract-plugin 插件。

    现在修改方案是: 客户端和服务器端的css 处理方式webpack 要分开配置

    客户端 提取 css 到单独文件。
    服务端 css处理 配置 no-loader ,不要导入css 。

    参考https://github.com/vuejs/vue-...
    image.png

    image.png

      • 519

      对于js来说,大多数情况不需要修改库代码,因为你可以覆盖它的函数和变量以及css样式,不太理解你在什么情况下必须要修改 elementIUI 的代码。

        撰写回答

        登录后参与交流、获取后续更新提醒

        相似问题
        推荐文章