>웹 프론트엔드 >JS 튜토리얼 >CSS 등을 도입할 때 vue에서 직면하게 되는 함정과 솔루션의 예를 공유합니다.

CSS 등을 도입할 때 vue에서 직면하게 되는 함정과 솔루션의 예를 공유합니다.

小云云
小云云원래의
2018-01-24 10:29:133177검색

vux를 사용하여 모바일 페이지를 개발할 때 vux에서 덜 도입된 공개 스타일은 여러 Baidu와 Google을 통해 계속 오류를 보고했으며 해결책이 없었고 많은 우회를 겪었습니다. 결국 나는 내가 정상에 이르렀고 다른 방법으로 소개할 수 있다는 것을 깨달았습니다. 이 글은 주로 CSS 등을 소개할 때 vue가 직면하게 되는 함정과 해결책에 대한 간략한 논의를 공유하며 좋은 참고 가치가 있으며 모든 사람에게 도움이 되기를 바랍니다. 편집자를 따라 살펴보겠습니다. 모두에게 도움이 되기를 바랍니다.

1. 오류 보고 사용 방법: 앱에서

@ ./~/css-loader?{"minimize":false,"sourceMap":false}!./~/vux/src/styles/reset.
less 3:10-115
 @ ./~/css-loader?{"minimize":false,"sourceMap":false}!./~/vue-loader/lib/style-
compiler?{"id":"data-v-942b00fc","scoped":false,"hasInlineConfig":true}!./~/vux-
loader/src/style-loader.js!./~/vue-loader/lib/selector.js?type=styles&index=0!./
src/App.vue
 @ ./~/vue-style-loader!./~/css-loader?{"minimize":false,"sourceMap":false}!./~/
vue-loader/lib/style-compiler?{"id":"data-v-942b00fc","scoped":false,"hasInlineC
onfig":true}!./~/vux-loader/src/style-loader.js!./~/vue-loader/lib/selector.js?t
ype=styles&index=0!./src/App.vue
 @ ./src/App.vue
 @ ./src/main.js
 @ multi ./build/dev-client ./src/main.js
 @import '~vux/src/styles/reset'

2. 최종 솔루션, main.js

require('../node_modules/vux/src/styles/reset.less');

관련 권장 사항:

CSS를 도입하는 네 가지 방법 요약

in web CSS 스타일 방법 요약

CSS 스타일을 html에 도입하는 방법 요약

위 내용은 CSS 등을 도입할 때 vue에서 직면하게 되는 함정과 솔루션의 예를 공유합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.