update webpack config : change lib name and

set @babel/standalone as  an external module

Author: dev-javascript

webpack.config.js

@@ -1,14 +1,17 @@
 const path = require('path');
 const pkg = require('./package.json');
-const libraryName = pkg.name;
+const library = pkg.name
+  .split('-')
+  .map((s) => s.charAt(0).toUpperCase() + s.slice(1))
+  .join('');
 module.exports = (env) => {
   const isProduction = env === 'production';
   return {
     entry: './src/index.js',
     output: {
       filename: isProduction ? 'stringToReactComponent.umd.min.js' : 'stringToReactComponent.umd.js',
       path: path.resolve(__dirname, 'dist'),
-      library: libraryName,
+      library,
       libraryTarget: 'umd',
       publicPath: '/dist/',
       umdNamedDefine: true,
@@ -44,6 +47,7 @@ module.exports = (env) => {
         amd: 'ReactDOM',
         root: 'ReactDOM',
       },
+      '@babel/standalone': 'Babel',
     },
   };
 };