vue2.0에서 rem 운영 환경을 설정하는 과정에 대해

이 글은 vue2.0에서 rem 운영 환경을 설정하는 과정을 주로 소개합니다. 이제 필요한 친구들이 참고할 수 있도록 공유하겠습니다.

1.

　npm install lib-flexible --save

2.lib-flexible 파일 도입

　import 'lib-flexible'

3.Install px2rem

　#.npm i postcss-px2rem --save

　#. px2rem-loader --save

4. 빌드 디렉터리 postcss에 vue-loader.conf.js

를 구성합니다: [require('postcss-px2rem')({'remUnit':75,'baseDpr':2}) ]

remUnit: 디자인 초안의 1/10 (여기서는 750, 세트 75)

baseDpr: ....

위 내용은 이 글의 전체 내용입니다. 도움이 되셨으면 좋겠습니다. 모두의 공부에, 더 많은 관련 내용을 보려면 PHP 중국어 웹사이트에 주목하세요!

관련 권장 사항:

Vue에서 mixin 사용 방법 분석

Font Awesome을 사용하여 Vue.js를 통해 작은 아이콘을 구현하는 방법

vue에서 요소 양식 유효성 검사를 사용하는 방법

위 내용은 vue2.0에서 rem 운영 환경을 설정하는 과정에 대해의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!