tailwind

 <div className="bg-blue-400">tailwind</div>

less

	//styles.less
	.less-container {
        background-color: #492c92;
    }
    //react
	<div class="less-container">less</div>

cssModule

	//styles.module.css
	.container {
      background-color: #bc8845;
    }

    //react
   import cssModule from "@/style/loadCSS/styles.module.css"
   <div className={cssModule?.container}>cssModule</div>
}

webpack

 //webpack.server.ts
     {
        test: /.css$/i,
        exclude: /.module.css$/i,
        use: ["null-loader"],
      },
      {
        test: /.module.css$/i,
        use: [
          {
            loader: "css-loader",
            options: {
              esModule: false,
              modules: {
                exportOnlyLocals: true,
                localIdentName: "[name]__[local]___[hash:base64:5]",
              },
            },
          },
          "postcss-loader",
        ],
      }, 

	  //webpack.client.ts
	   {
        test: /.css$/,
        exclude: /.module.css$/i,
        use: [MiniCssExtractPlugin.loader, "css-loader", "postcss-loader"],
      },
      {
        test: /.module.css$/i,
        use: [
          MiniCssExtractPlugin.loader,
          {
            loader: "css-loader",
            options: {
              esModule: false,
              modules: {
                localIdentName: "[name]__[local]___[hash:base64:5]",
              },
            },
          },
          "postcss-loader",
        ],
      },
      {
        test: /.less$/,
        use: [MiniCssExtractPlugin.loader, "css-loader", "postcss-loader", "less-loader"],
      },