I want to use NPM react-icons package that distributed under MIT license on my webpage. I'm using Webpack as my build/bundling tool and when it runs in the production mode its spits out minified js file that includes all libraries and my code in the same bundle. I want to include react-icons copyright and permissions notice before the actual react-icons code in the bundle.
How it could be achieved using Webpack?
It is possible that you don't have to include the license text and copyrights of dependencies directly into your output chunks. An alternative is generating a so called "bill of materials" file that contains a list of every package used, including version, license identifier and license text (which might include the copyright) for every package.
Check out webpack-license-plugin if this sounds like a good idea.
If you have any questions about the usage, feel free to open issues or ask here.
You can use the webpack banner plugin for this.
Example webpack.config.js:
const webpack = require('webpack');
module.exports = {
/* ... other webpack config ... */
plugins: [
new webpack.BannerPlugin(
'react-icons – copyright 2018 ' +
'kamijin_fanta <[email protected]>')
]
};
This will make it so that each JavaScript bundle created by webpack starts with this comment:
/*! react-icons – copyright 2018 kamijin_fanta <[email protected]> */
Configuration options are explained in the plugin's documentation.
