Less.js: Mengimpor url jarak jauh yang rusak dengan v3.0.1
Dengan lebih sedikit v2.7.3 (menggunakan webpack v3.1.0 dan less-loader v4.1.0) saya dapat mengimpor font jarak jauh seperti ini di file main.less saya:
<strong i="6">@import</strong> url('https://fonts.googleapis.com/css?family=Nunito');
Dengan lebih sedikit v3.0.1 menggunakan konfigurasi dan dependensi yang sama, saya sekarang hanya mendapatkan kesalahan ini ketika mencoba membangun:
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)
rejas
Semua 6 komentar
Saya pikir ini mungkin terkait dengan fakta bahwa Less tidak lagi beralih otomatis ke impor "css" (mempertahankan pernyataan @import ) hanya karena ia menemukan string "css" di suatu tempat di URL.
Coba <strong i="7">@import</strong> (css) url('https://fonts.googleapis.com/css?family=Nunito');
matthew-dean
pada 20 Mar 2018
Luar biasa @ matthew-dekan yang memang membantu. Terima kasih banyak!
rejas
pada 20 Mar 2018
@ matthew-dean Adakah cara untuk memberi tahu kompilator agar menggunakan https secara default saat menyelesaikan url dari impor? misalnya ketika saya menggunakan <strong i="5">@import</strong> url(//fonts.googleapis.com/css?family=Open+Sans:400,700); , hasilnya adalah
@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');
}
Ketika saya meletakkan ini ke halaman yang dimuat melalui HTTPS, saya mendapatkan kesalahan 'konten campuran' dan permintaan http diblokir oleh browser. Jadi sekarang saya harus memperbarui semua impor untuk menggunakan (css) atau https://... , jadi hanya ingin tahu apakah saya bisa melakukan ini dengan opsi konfigurasi?
dmitriy-drenkalyuk
pada 30 Okt 2019
jadi hanya ingin tahu apakah saya bisa melakukan ini dengan opsi konfigurasi?
Tidak. Terlebih lagi gagasan mengimpor fonts.googleapis.com ke dalam CSS terkompilasi berbahaya karena fonts.googleapis.com mengendus browser yang digunakan (secara obvoiusly Less in node akan melaporkan dirinya sebagai Chrome / Chromium ) dan dapat memberikan hasil yang berbeda tergantung pada itu (sejauh ini saya tidak mendengar masalah apa pun dalam hal ini tetapi bebas untuk istirahat setiap saat).
seven-phases-max
pada 30 Okt 2019
@ dmitriy-drenkalyuk Mengapa tidak menulis saja:
<strong i="6">@import</strong> url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
?
matthew-dean
pada 30 Okt 2019
@ matthew-dean Inilah yang akhirnya saya lakukan, hanya mencari opsi untuk melakukannya melalui konfigurasi, sehingga kami tidak perlu mencari dan memperbarui semua tempat di mana kami menggunakan impor tersebut.
dmitriy-drenkalyuk
pada 22 Nov 2019
Masalah terkait
falkenhawk
·
5Komentar
seven-phases-max
·
6Komentar
dotnetwise
·
5Komentar
pknepper
·
3Komentar
renoth
·
6Komentar
Komentar yang paling membantu
Saya pikir ini mungkin terkait dengan fakta bahwa Less tidak lagi beralih otomatis ke impor "css" (mempertahankan pernyataan
@import) hanya karena ia menemukan string "css" di suatu tempat di URL.Coba
<strong i="7">@import</strong> (css) url('https://fonts.googleapis.com/css?family=Nunito');