Use with React & Webpack

[olegkorol]

Hi,

how can this library be imported in e.g. a React app with Webpack?

Thanks.

[anseki]

Hi @olegkorol, thank you for the comment.
This may help you: #2

[olegkorol]

Thanks for the quick reply, @anseki.

Do you have an example on how you loaded the library with skeleton-loader? That would be much appreciated.

Thanks again.

[anseki]

Some example codes are here:
https://github.com/anseki/skeleton-loader
You can call Grunt in the procedure or make the procedure work like the Gruntfile.js.

[olegkorol]

Ok, thanks.

I ended up just loading it as an external dependency in index.html. Works just fine.

[anseki]

😄

[logesh-freshworks]

@olegkorol I am using it in a react project @anseki answer worked fine for me. Try this in your webpack.config.js

{
      test: require('path').resolve(__dirname, 'node_modules/leader-line/'),
      loader: 'skeleton-loader',
      options: { procedure: content => `${content} export default LeaderLine` }      
}

of course, don't forget to install skeleton-loader