다음과 같은 소스 코드:
이 문제가 발생하는 이유는 무엇입니까?
일반적인 프런트엔드 프로젝트에는 css 및 js 파일이 하나씩 있지만 Nuxt 프로젝트는 webpack에 의해 패키징된 후 함께 통합됩니다.
这是把element-ui的组件中的样式全部整合进来了。
웹 크롤러는 웹 페이지 데이터를 크롤링할 때 JS를 동적으로 컴파일할 수 없지만 위와 같은 CSS는 크롤링할 수 있습니다.
크롤러가 얻는 웹페이지의 소스 코드에는 이러한 쓸모없는 정보가 포함되어 있으며(크롤러에게는 쓸모가 없으며 웹페이지 품질에 대한 판단력이 저하됨) 웹사이트의 응답 속도에도 영향을 미치므로 도움이 되지 않습니다. 웹사이트의 SEO에!
해결책:
nuxt.config 파일 수정
// 将内嵌CSS样式提取到外部
extractCSS: {
allChunks: true },
소스 코드를 다시 살펴보십시오. . .