Javascript 《盖茨比》中的Snap.svg

Javascript 《盖茨比》中的Snap.svg,javascript,reactjs,svg,gatsby,snap.svg,Javascript,Reactjs,Svg,Gatsby,Snap.svg,使用盖茨比时,我将如何访问mina 我可以通过import Snap from'snapsvg'很好地导入Snap对象。但是当我尝试使用mina或使用import Snap时,{mina}来自'snapsvg'它告诉我“mina未定义” Mygatsby node.js设置我的网页包以允许导入: exports.onCreateWebpackConfig=({stage,actions})=>{ actions.setWebpackConfig({ 模块:{ 规则:[ { 测试:require.

使用盖茨比时,我将如何访问mina

我可以通过
import Snap from'snapsvg'
很好地导入
Snap
对象。但是当我尝试使用
mina
或使用
import Snap时,{mina}来自'snapsvg'
它告诉我“mina未定义”

My
gatsby node.js
设置我的网页包以允许导入:

exports.onCreateWebpackConfig=({stage,actions})=>{
actions.setWebpackConfig({
模块:{
规则:[
{
测试:require.resolve(
'snapsvg/dist/snap.svg.js'
),
使用:
'导入加载程序?此=>窗口,修复=>模块。导出=0',
},
],
},
决心:{
别名:{
snapsvg:'snapsvg/dist/snap.svg.js',
},
},
})
}

我会使用or,但它们似乎已经过时了。是否有任何解决方案可以访问Snap.svg的
mina
或其他缓解功能?

我今天刚刚做了这件事,在解决之前遇到了您的问题

mina软件包仅导出数学函数,因此您可以传递自己的线性函数,这是最简单的:

el.animate(
  { d: paths },
  5000,
  (n) => n, // linear function from mina
  () => {
    // callback stuff
  },
);
其余部分可在此处找到: