小编Eri*_*son的帖子

如何避免在Gatsby中将svg转换为data-uri

我需要使用内联SVG,因此我可以为其设置动画,但SVG小于10KB,因此Gatsby将其转换为数据uri.有没有办法告诉Gatsby不将特定资源转换为数据-uri?

gatsby

8
推荐指数
1
解决办法
5330
查看次数

覆盖html.js在GatsbyJS中不起作用

我按照这里的方向上盖茨比的网站自定义<head>标签。我想添加Modernizr和Google的WebFont库。我.cache/default-html.js将其复制并放入src/html.js,然后添加了脚本标记库,但是它们未显示在我的localhost:8000上。

尝试进行自定义时,是否需要清除一些Gatsby缓存html.js?还是有其他方法可以将这些添加到<head>标签中?

编辑:原来我试图将<script></script>标记放在html.js的JSX中。

javascript gatsby

5
推荐指数
1
解决办法
1524
查看次数

如何在Gatsby中使用Webfont Loader?

我想使用Webfont Loader来管理自定义字体的加载,并且还要加载几种Google字体。但是,我不确定如何将其与Gatsby集成。我为Webfont Loader找到了一个React包装器,但是它希望您像这样使用它:

<WebfontLoader config={config} onStatus={callback}>
  <App />
</WebfontLoader>
Run Code Online (Sandbox Code Playgroud)

在我看来,这与盖茨比不兼容。有没有办法使其适应Gatbsy?还是一种使已包装的npm webfontloader模块与Gatsby配合使用的方法?

javascript reactjs gatsby

5
推荐指数
1
解决办法
1946
查看次数

将文件移动到子目录后,elm-make无法找到文件

我将我的Elm代码重构为位于src目录中.我更新了elm-package.json"source-directories": [ "src" ],

但是,现在当我运行时,elm-make Main.elm我收到此错误消息:

elm-make: Main.elm: openFile: does not exist (No such file or directory)

是否有其他配置我需要让elm-make能够找到我的代码?

elm elm-make

3
推荐指数
1
解决办法
387
查看次数

即使没有指定,SVG也会生成一个视图框

我正在尝试创建一个SVG播放按钮,它只是按钮本身的大小,但似乎有某种视图框是自动生成的.这个幻像视图的尺寸与播放按钮的尺寸不同,似乎是2:1的比例.

#play-button {
  border: 1px dashed gray;
}
Run Code Online (Sandbox Code Playgroud)
<svg id="play-button">
<style type="text/css">
  .st0{fill:none;stroke:#010101;stroke-miterlimit:10;}
  .st1{fill:#010101;}
</style>
<circle id="button-border" class="st0" cx="30" cy="29.9" r="29.3"/>
<polygon id="play-triangle" class="st1" points="21.9,15.7 46.6,29.9 21.9,44.1 "/>
</svg>
Run Code Online (Sandbox Code Playgroud)

如何在不指定viewBox或高度/宽度的情况下将视图框的大小调整为SVG的大小?

svg viewbox

1
推荐指数
1
解决办法
210
查看次数

标签 统计

gatsby ×3

javascript ×2

elm ×1

elm-make ×1

reactjs ×1

svg ×1

viewbox ×1