feat: styles package (#1074)

2022-06-07 13:49:00 -05:00
parent 6d0b6e9018
commit 31003276b7
40 changed files with 3346 additions and 119 deletions
--- a/packages/styles/webpack.config.js
+++ b/packages/styles/webpack.config.js
@@ -0,0 +1,49 @@
+const path = require('path')
+const MiniCssExtractPlugin = require('mini-css-extract-plugin')
+
+module.exports = (_, { mode }) => ({
+  entry: {
+    styles: path.resolve(__dirname, 'src/Styles/main.scss'),
+  },
+  output: {
+    path: path.resolve(__dirname, 'dist'),
+  },
+  optimization: {
+    minimize: false,
+    splitChunks: {
+      cacheGroups: {
+        styles: {
+          name: 'styles',
+          type: 'css/mini-extract',
+          chunks: 'all',
+          enforce: true,
+        },
+      },
+    },
+  },
+  module: {
+    rules: [
+      {
+        test: /\.(scss|css)$/,
+        use: [
+          MiniCssExtractPlugin.loader,
+          'css-loader',
+          {
+            loader: 'sass-loader',
+            options: {
+              sassOptions: {
+                outputStyle: 'expanded',
+              },
+            },
+          },
+        ],
+      },
+    ],
+  },
+
+  plugins: [
+    new MiniCssExtractPlugin({
+      filename: 'stylekit.css',
+    }),
+  ],
+})