Gatsby中的Snap.svg放松

问题描述 投票:0回答:1

使用Gatsby时如何从mina访问Snap.svg

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

我的gatsby-node.js将我的Webpack设置为允许导入:

exports.onCreateWebpackConfig = ({ stage, actions }) => {
    actions.setWebpackConfig({
        module: {
            rules: [
                {
                    test: require.resolve(
                        'snapsvg/dist/snap.svg.js'
                    ),
                    use:
                        'imports-loader?this=>window,fix=>module.exports=0',
                },
            ],
        },
        resolve: {
            alias: {
                snapsvg: 'snapsvg/dist/snap.svg.js',
            },
        },
    })
}

我会使用Snap.svg-cjsreact-snap-svg,但它们似乎已经过时了。是否允许访问mina或Snap.svg某些其他缓动功能的解决方案?

javascript reactjs svg gatsby snap.svg
1个回答
© www.soinside.com 2019 - 2024. All rights reserved.