update package.json script

Author: dev-javascript

.npmignore

@@ -13,6 +13,7 @@ rollup*
 
 #development
 /build
+/sandbox
 
 #demo
 /example

package.json

@@ -16,10 +16,8 @@
   },
   "scripts": {
     "watch": "set NODE_OPTIONS=--openssl-legacy-provider & cross-env BABEL_OUTPUT=umd INCLUDE_POLYFILLS=true webpack --config webpack.config.js --env=development --watch",
-    "build": "set NODE_OPTIONS=--openssl-legacy-provider & npm-run-all clean:* --parallel build:lib:*  & npm-run-all --parallel build:umd:*",
-    "build:umd:dev": "cross-env BABEL_OUTPUT=umd INCLUDE_POLYFILLS=true webpack --config webpack.config.js --env=development",
-    "build:umd:prod": "rollup -c",
-    "build:umd:prod-pf": "cross-env INCLUDE_POLYFILLS=true rollup -c",
+    "build": "set NODE_OPTIONS=--openssl-legacy-provider & npm-run-all clean:* --parallel build:lib:* & npm run build:dist",
+    "build:dist": "rollup -c",
     "build:lib:cjs": "cross-env BABEL_OUTPUT=cjs babel src/ --out-dir lib/cjs/ --ignore **/__tests__,**/__mocks__,**/*.test.js,**/*.js.snap",
     "build:lib:esm": "babel src/ --out-dir lib/esm/ --ignore **/__tests__,**/__mocks__,**/*.test.js,**/*.js.snap",
     "build:lib:esm-pf": "cross-env INCLUDE_POLYFILLS=true babel src/ --out-dir lib/esm-including-polyfills/ --ignore **/__tests__,**/__mocks__,**/*.test.js,**/*.js.snap",
@@ -68,11 +66,17 @@
     "webpack-cli": "^3.3.12"
   },
   "files": [
+    "plugins",
     "dist",
+    "flow-typed",
     "lib",
+    "style",
+    "theme",
+    "themes",
     "src",
     "!*.test.js",
-    "!*.test.js.snap"
+    "!*.test.js.snap",
+    "index.d.ts"
   ],
   "keywords": [
     "react",

rollup.config.js

@@ -6,24 +6,37 @@ const name = pkg.name
   .split('-')
   .map((s) => s.charAt(0).toUpperCase() + s.slice(1))
   .join('');
-const requirePolyfills = process.env.INCLUDE_POLYFILLS;
-export default {
-  input: requirePolyfills ? 'lib/esm-including-polyfills/index.js' : 'lib/esm/index.js',
-  output: {
-    file: requirePolyfills
-      ? 'dist/stringToReactComponent.including-polyfills.umd.min.js'
-      : 'dist/stringToReactComponent.umd.min.js',
-    format: 'umd',
-    name,
-    globals: {
-      'react-dom': 'ReactDOM',
-      react: 'React',
-      '@babel/standalone': 'Babel',
-    },
-    sourcemap: true,
+const Config = ({en, inputPath = '', outputFile = 'stringToReactComponent', pf = false}) => {
+    var pfName = pf ? '.including-polyfills' : '';
+    return {
+      input: `lib/${pf ? 'esm-including-polyfills' : 'esm'}/${inputPath}index.js`,
+      output: {
+        file: `dist/${outputFile}${pfName}.umd${en === 'dev' ? '' : '.min'}.js`,
+        format: 'umd',
+        name,
+        globals: {
+          'react-dom': 'ReactDOM',
+          react: 'React',
+          '@babel/standalone': 'Babel',
+        },
+        sourcemap: true,
+      },
+      plugins: (function () {
+        const _plugins = [nodeResolve({preferBuiltins: false}), commonjs()];
+        if (en === 'prod') {
+          _plugins.push(terser());
+        }
+        return _plugins;
+      })(),
+      external: function (id) {
+        return /prop-types$|react$|\@babel\/standalone$|react-dom$|.test.js$|.js.snap$|.css$/g.test(id);
+      },
+    };
   },
-  plugins: [terser(), commonjs(), nodeResolve({preferBuiltins: false})],
-  external: function (id) {
-    return /prop-types$|react$|\@babel\/standalone$|react-dom$|.test.js$|.js.snap$|.css$/g.test(id);
-  },
-};
+  ConfigFactory = (op) => [
+    Config({en: 'dev', ...op}),
+    Config({en: 'prod', ...op}),
+    Config({en: 'dev', pf: true, ...op}),
+    Config({en: 'prod', pf: true, ...op}),
+  ];
+export default ConfigFactory();

webpack.config.js

@@ -10,10 +10,10 @@ module.exports = (env) => {
     entry: './src/index.js',
     output: {
       filename: isProduction ? 'stringToReactComponent.umd.min.js' : 'stringToReactComponent.umd.js',
-      path: path.resolve(__dirname, 'dist'),
+      path: path.resolve(__dirname, 'build'),
       library,
       libraryTarget: 'umd',
-      publicPath: '/dist/',
+      publicPath: '/build/',
       umdNamedDefine: true,
     },
     devtool: isProduction ? 'source-map' : 'inline-source-map',
@@ -27,6 +27,10 @@ module.exports = (env) => {
             loader: 'babel-loader',
           },
         },
+        {
+          test: /\.css$/i,
+          use: ['style-loader', 'css-loader'],
+        },
       ],
     },
     resolve: {