Less.js: v3.0.1로 깨진 원격 URL 가져 오기

에 만든 2018년 03월 20일 · 6코멘트 · 출처: less/less.js

적은 v2.7.3 (webpack v3.1.0 및 less-loader v4.1.0 사용)을 사용하면 main.less 파일에서 다음과 같은 원격 글꼴을 가져올 수 있습니다.

@import url('https://fonts.googleapis.com/css?family=Nunito');

동일한 구성 및 종속성을 사용하는 v3.0.1 이하에서는 빌드를 시도 할 때만이 오류가 발생합니다.

Message:
    ./node_modules/css-loader??ref--1-2!./node_modules/postcss-loader/lib??ref--1-3!./node_modules/less-loader/dist/cjs.js??ref--1-4!./src/css/main.less
Module build failed:

 */
<strong i="10">@import</strong> url('https://fonts.googleapis.com/css?family=Nunito');
^
Can't resolve './https://fonts.googleapis.com/css?family=Nunito' in 'C:\Projekte\mine\homepage\src\css'
      in C:\Projekte\mine\homepage\src\css\main.less (line 6, column 0)

question

출처

rejas

가장 유용한 댓글

이는 Less가 URL 어딘가에서 "css"문자열을 찾기 때문에 더 이상 "css"가져 오기 ( @import 문 유지)로 자동 전환하지 않는다는 사실과 관련이있을 수 있습니다.

@import (css) url('https://fonts.googleapis.com/css?family=Nunito'); 사용해보기

matthew-dean 에 2018년 03월 20일

👍44 🎉8 🚀5 ❤5

모든 6 댓글

@import (css) url('https://fonts.googleapis.com/css?family=Nunito'); 사용해보기

matthew-dean 에 2018년 03월 20일

👍44 🎉8 🚀5 ❤5

참으로 도움이 된 멋진 @ matthew-dean. 정말 고마워!

rejas 에 2018년 03월 20일

@ matthew-dean 가져 오기에서 URL을 확인할 때 기본적으로 https를 사용하도록 컴파일러에 지시하는 방법이 있습니까? 예를 들어 @import url(//fonts.googleapis.com/css?family=Open+Sans:400,700); 사용할 때 출력은
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(http://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0e.ttf) format('truetype'); }
HTTPS를 통해로드되는 페이지에 이것을 넣으면 '혼합 콘텐츠'오류가 발생하고 http 요청이 브라우저에 의해 차단됩니다. 이제 (css) 또는 https://... 를 사용하도록 모든 가져 오기를 업데이트해야합니다. 대신 구성 옵션으로이 작업을 수행 할 수 있는지 궁금하십니까?

dmitriy-drenkalyuk 에 2019년 10월 30일

대신 구성 옵션으로 이것을 할 수 있는지 궁금하십니까?

제 수입의 개념 자체를 통해 더 많은 fonts.googleapis.com 하기 때문에 컴파일 된 CSS로는 위험 fonts.googleapis.com 사용 된 브라우저 (의 obvoiusly 적은 냄새 않습니다 node 크롬 / 크롬으로 자신을보고합니다 ) 그에 따라 다른 결과를 반환 할 수 있습니다 (지금까지 이와 관련하여 어떤 문제도 듣지 못했지만 언제든지 중단 할 수 있습니다).

seven-phases-max 에 2019년 10월 30일

👍1

@ dmitriy-drenkalyuk 그냥 쓰지 않는 이유 :

<strong i="6">@import</strong> url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

matthew-dean 에 2019년 10월 30일

@ matthew-dean 이것은 결국 제가 한 일입니다. 단지 구성을 통해 수행 할 수있는 옵션을 찾고 있었기 때문에 이러한 가져 오기를 사용하는 모든 위치를 검색하고 업데이트 할 필요가 없습니다.

dmitriy-drenkalyuk 에 2019년 11월 22일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Less.js: v3.0.1로 깨진 원격 URL 가져 오기

가장 유용한 댓글

모든 6 댓글

관련 문제