@talentsoft-opensource/hylia/webpack.config.js

The Hylia design systems. Contains all the building blocks style rules for Talentsoft.

const path = require("path");
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const webpack = require("webpack");

const config = {
  context: path.resolve(__dirname, "./"),
  entry: ["./main.less"],
  output: {
    path: path.resolve(__dirname, "./dist"),
    filename: "./bundle.js",
    publicPath: "/"
  },
  module: {
    rules: [
      {
        test: /\.less$/,
        use: ExtractTextPlugin.extract({
          fallback: "style-loader",
          use: [
            {
              loader: "css-loader"
            },
            {
              loader: "less-loader"
            }
          ]
        })
      },
      {
        test: /\.(woff|woff2|eot|ttf|svg)$/,
        loader: "file-loader",
        options: {
          name: "[path][name].[ext]"
        }
      }
    ]
  },
  resolve: {
    extensions: [".less", ".js", ".json", ".css"],
    modules: [path.resolve("./node_modules")]
  },
  plugins: [new ExtractTextPlugin("style.css")]
};

module.exports = config;