更少:使用URL导入另一个css的import css无法正常工作

时间:2018-09-14 00:05:16

标签: css webpack less

我在这里做什么错了?

我正在使用less@3.8.1

A.css(从网址导入的CSS文件)

@import url('https://fonts.googleapis.com/css?family=Source Sans Pro:300,400,600,700,400italic,700italic&subset=latin');

App.less(导入A.css的文件较少)

@import (css) './A.css';

使用webpack构建,它将尝试加载

./https://fonts.googleapis.com/css?family=Source Sans Pro:300,400,600,700,400italic,700italic&subset=latin

代替url中的CSS。

堆栈:

@import url('https://fonts.googleapis.com/css?family=Source Sans Pro:300,400,600,700,400italic,700italic&subset=latin');
^
Can't resolve './https://fonts.googleapis.com/css?family=Source Sans Pro:300,400,600,700,400italic,700italic&subset=latin' in ...

摘要 A.少-导入-> B.css-(B.css使用通过url导入)->不起作用

1 个答案:

答案 0 :(得分:3)

Less不会再自动切换到CSS导入作为后备。试试这个:

const form = document.forms[0]

form.addEventListener('submit',()=>{form.action+=cep.value}) 

要导入<form action="https://api.pagar.me/1/zipcodes/" method="post"> <input type="text" placeholder="cep" name="cep" id="cep"> <input type="submit"> </form>而不对其进行处理

@import (css) url('https://fonts.googleapis.com/css?family=Source Sans Pro:300,400,600,700,400italic,700italic&subset=latin');

或将CSS视为指令,然后将CSS导入并编译为Less

CSS