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

我的神
  • 966

我的项目为满足需求,修改了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

回复
阅读 1.8k
2 个回答

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

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

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

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

image.png

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏