ish-ui 1.0.2

package/tools/webpack/webpack.plugins.js

@@ -0,0 +1,15 @@
+const webpack = require('webpack');
+const { inDev } = require('./webpack.helpers');
+const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
+
+module.exports = [
+  new ForkTsCheckerWebpackPlugin(),
+  inDev() && new webpack.HotModuleReplacementPlugin(),
+  inDev() && new ReactRefreshWebpackPlugin(),
+  new MiniCssExtractPlugin({
+    filename: '[name].[chunkhash].css',
+    chunkFilename: '[name].[chunkhash].chunk.css',
+  }),
+].filter(Boolean);

package/tools/webpack/webpack.rules.js

@@ -0,0 +1,51 @@
+const { inDev } = require('./webpack.helpers');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+
+module.exports = [
+  {
+    // Typescript loader
+    test: /\.tsx?$/,
+    exclude: /(node_modules|\.webpack)/,
+    use: {
+      loader: 'ts-loader',
+      options: {
+        transpileOnly: true,
+      },
+    },
+  },
+  {
+    // CSS Loader
+    test: /\.css$/,
+    use: [
+      { loader: inDev() ? 'style-loader' : MiniCssExtractPlugin.loader },
+      { loader: 'css-loader' },
+    ],
+  },
+  {
+    // SCSS (SASS) Loader
+    test: /\.s[ac]ss$/i,
+    use: [
+      { loader: inDev() ? 'style-loader' : MiniCssExtractPlugin.loader },
+      { loader: 'css-loader' },
+      { loader: 'sass-loader' },
+    ],
+  },
+  {
+    // Less loader
+    test: /\.less$/,
+    use: [
+      { loader: inDev() ? 'style-loader' : MiniCssExtractPlugin.loader },
+      { loader: 'css-loader' },
+      { loader: 'less-loader' },
+    ],
+  },
+  {
+    // Assets loader
+    // More information here https://webpack.js.org/guides/asset-modules/
+    test: /\.(gif|jpe?g|tiff|png|webp|bmp|svg|eot|ttf|woff|woff2)$/i,
+    type: 'asset',
+    generator: {
+      filename: 'assets/[hash][ext][query]',
+    },
+  },
+];

package/tsconfig.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "jsx": "react",
+    "allowJs": true,
+    "target": "ES6",
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "noImplicitAny": false,
+    "sourceMap": true,
+    "baseUrl": ".",
+    "outDir": "dist",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "declaration": true,
+    "paths": {
+      "*": ["node_modules/*"],
+      "@assets/*": ["./assets/*"],
+      "@src/*": ["./src/*"]
+    },
+    "pretty": true
+  },
+  "include": ["./assets", "./src"],
+}