svelte-svg-pre-loader

Prepares SVG for loading with a svelte-loader

Installation

# using npm
npm i -D @lagunovsky/svelte-svg-pre-loader

# using yarn
yarn add -D @lagunovsky/svelte-svg-pre-loader

Usage

// webpack.config.js

module.exports = {
    module: {
        rules: [
            {
                test: /.svg$/,
                use: [
                    { loader: 'svelte-loader' },
                    { loader: 'svelte-svg-pre-loader' },
                ],
            },
        ],
    },
};

<!-- index.svelte -->

<script>
    import Dog from './dog.svg'
    import Cat from './cat.svg'
</script>

<Dog width="100px" height="30px"/>
<Cat/>

Options

svgo

SVGO options. Some plugins cannot be disabled.

Default: { plugins: [ 'preset-default', 'removeStyleElement', 'removeDimensions'] }