datajunction-ui 0.0.1-a1

package/webpack.config.js

@@ -0,0 +1,118 @@
+const webpack = require('webpack');
+const dotenv = require('dotenv').config();
+const path = require('path');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+
+require('dotenv').config({ path: './.env' });
+
+var babelOptions = {
+  presets: ['@babel/preset-react'],
+};
+
+module.exports = {
+  cache: true,
+  entry: {
+    main: './src/index.tsx',
+    vendor: ['events', 'react', 'react-dom'],
+  },
+  target: 'web',
+  mode: 'development',
+  output: {
+    path: path.resolve(__dirname, './dist'),
+    filename: 'static/[name].[fullhash].js',
+    library: 'datajunction-ui',
+    libraryTarget: 'umd',
+    globalObject: 'this',
+    umdNamedDefine: true,
+    publicPath: '/',
+  },
+  devServer: {
+    historyApiFallback: {
+      disableDotRule: true,
+    },
+  },
+  resolve: {
+    extensions: ['.js', '.jsx', '.json', '.ts', '.tsx', '.scss'],
+    modules: ['src', 'node_modules'],
+    fallback: {
+      path: false,
+      buffer: false,
+      assert: false,
+      fs: false,
+      os: false,
+      module: false,
+      http: false,
+      tls: false,
+      https: false,
+      url: false,
+      browser: false,
+      net: false,
+      process: false,
+    },
+  },
+  module: {
+    rules: [
+      {
+        test: /\.(ts|tsx|jsx)$/,
+        use: [
+          {
+            loader: 'babel-loader',
+            options: babelOptions,
+          },
+          {
+            loader: 'ts-loader',
+            options: {
+              compilerOptions: {
+                noEmit: false,
+              },
+            },
+          },
+        ],
+      },
+      {
+        test: /\.css$/,
+        use: ['style-loader', 'css-loader'],
+      },
+      {
+        test: /\.(s(a|c)ss)$/,
+        use: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader'],
+      },
+      {
+        test: /\.js$/,
+        exclude: /node_modules/,
+        use: [
+          {
+            loader: 'babel-loader',
+            options: babelOptions,
+          },
+        ],
+      },
+      {
+        test: /\.(png|jpe?g|gif)$/i,
+        use: [
+          {
+            loader: 'file-loader',
+          },
+        ],
+      },
+      {
+        test: /node_modules[\\|/](name-of-the-umd-package)/,
+        use: { loader: 'umd-compat-loader' },
+      },
+    ],
+  },
+  plugins: [
+    new HtmlWebpackPlugin({
+      template: path.resolve(__dirname, 'public', 'index.html'),
+      favicon: path.resolve(__dirname, 'public', 'favicon.ico'),
+    }),
+    new webpack.DefinePlugin({
+      'process.env': JSON.stringify(process.env),
+    }),
+    new MiniCssExtractPlugin({
+      filename: '[name].css', // isDevelopment ? '[name].css' : '[name].[hash].css',
+      chunkFilename: '[id].css', // isDevelopment ? '[id].css' : '[id].[hash].css'
+    }),
+  ],
+};