roundmap/webpack.dev.js at main · polikashina/roundmap · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
import { fileURLToPath } from "url";
import path from "path";
import { merge } from "webpack-merge";
import common from "./webpack.common.js";
import { getLocalIdent } from "./src/utils/getLocalIdent.js";

const __dirname = path.dirname(fileURLToPath(import.meta.url));

const devConfig = {
  mode: "development",
  devtool: "inline-source-map",
  watch: true,
  // devServer: {
  //   port: "3000",
  //   static: {
  //     directory: path.join(__dirname, "dist"),
  //   },
  //   hot: true,
  //   historyApiFallback: true,
  // },
  module: {
    rules: [
      {
        test: /\.css$/i,
        exclude: /node_modules/,
        use: [
          "style-loader",
          {
            loader: "css-loader",
            options: {
              modules: {
                namedExport: false,
                exportLocalsConvention: "as-is",
                getLocalIdent,
              },
            },
          },
          {
            loader: "postcss-loader",
            options: {
              postcssOptions: {
                plugins: [["postcss-preset-env"]],
              },
            },
          },
        ],
      },
      {
        test: /\.css$/i,
        exclude: /src/,
        use: ["style-loader", "css-loader"],
      },
    ],
  },
};

export default merge(common, devConfig);