Browse Source

chore: Add Webpack configuration

Miguel Ángel Moreno 2 years ago
parent
commit
2515255a41
1 changed files with 44 additions and 0 deletions
  1. 44 0
      webpack.config.js

+ 44 - 0
webpack.config.js

@@ -0,0 +1,44 @@
+const path = require("path")
+const MiniCssExtractPlugin = require("mini-css-extract-plugin")
+const RemoveEmptyScriptsPlugin = require("webpack-remove-empty-scripts")
+
+module.exports = {
+  mode: process.env.NODE_ENV,
+  entry: {
+    tau: "./resources/src/css/tau.scss"
+  },
+  output: {
+    path: path.resolve(__dirname, "resources/public")
+  },
+  plugins: [
+    new RemoveEmptyScriptsPlugin(),
+    new MiniCssExtractPlugin({
+      filename: "css/[name].css",
+    })
+  ],
+  module: {
+    rules: [
+      {
+        test: /\.scss$/i,
+        use: [
+          MiniCssExtractPlugin.loader,
+          {
+            loader: 'css-loader',
+            options: {
+              importLoaders: 1
+            }
+          },
+          "postcss-loader",
+          "sass-loader"
+        ]
+      },
+      {
+        test: /\.(woff|woff2|eot|ttf|otf)$/i,
+        type: 'asset/resource',
+        generator: {
+          filename: 'fonts/[hash][ext][query]'
+        }
+      }
+    ]
+  }
+}