Library is not included in webpack bundle

[susielu]

Library is not included in webpack bundle

[cranetm]

oh, God. its simplier than I thought.
test: /\.woff|woff2|ttf|eot|svg|png|jpg$/, and d3-svg-legend matches by svg word
the right pattern should be /\.(woff|woff2|ttf|eot|svg|png|jpg)$/

[susielu]

I just checked and this worked for me. Are you sure you're not accidentally overriding that legend variable at some point later in your script?

[susielu]

This is the output I'm getting

[cranetm]

Hm, very strange. My output is:

[cranetm]

Just tried with an empty project and it works. Ok, I will play around webpack configuration I have in the real project.
And btw, why I can't import 'default' object by import legend from 'd3-svg-legend' ? I receive an error: module has no default export (again, in typescript).

[susielu]

Hmmm just tried that and it is working for me. I'm not familiar with typescript, can you tell from the types file if that would impact the default object? https://github.com/susielu/d3-legend/blob/master/types/d3-svg-legend.d.ts

[susielu]

@cranetm did you have any updates on this?

[cranetm]

yeap, I haven't found proper reason, but issue in webpack.config.js.
I have next rule:

{
    test: /\.woff|woff2|ttf|eot|svg|png|jpg$/,
    use: [{
        loader: 'file-loader',
        options: {
            publicPath: '/assets/build/',
            outputPath: 'assets/'
        }
    }]
}

and somehow it copies your lib to my assets folder.
I've fixed it with adding exclude: /d3-svg-legend/, to the rule.

[susielu]

Oh wow surprised this didn't come up before, good catch.