webpack.config.shared.js

const path = require("path")
// eslint-disable-next-line no-unused-vars
const webpack = require("webpack")
/* eslint-disable no-unused-vars */
const {
  CKEditorTranslationsPlugin,
} = require("@ckeditor/ckeditor5-dev-translations")
/* eslint-enable no-unused-vars */
const { styles } = require("@ckeditor/ckeditor5-dev-utils")

module.exports = {
  config: {
    entry: {
      root: "./static/js/index.tsx",
      style: "./static/js/entry/style",
    },
    module: {
      rules: [
        {
          // this regex is necessary to explicitly exclude ckeditor stuff
          test: /static\/.+\.(svg|ttf|woff|woff2|eot|gif)$/,
          use: "url-loader",
        },
        {
          test: /node_modules\/react-nestable\/.+\.svg$/,
          use: "svg-inline-loader?classPrefix",
        },
        {
          test: /node_modules\/react-nestable\/dist\/styles\/.+\.css/,
          loader: "style-loader",
        },
        {
          test: /\.tsx?$/,
          use: "swc-loader",
          exclude: /node_modules/,
        },
        {
          test: /ckeditor5-[^/\\]+[/\\]theme[/\\]icons[/\\][^/\\]+\.svg$/,
          use: ["raw-loader"],
        },
        {
          test: /ckeditor5-[^/\\]+[/\\]theme[/\\].+\.css$/,
          use: [
            {
              loader: "style-loader",
              options: {
                injectType: "singletonStyleTag",
                attributes: {
                  "data-cke": true,
                },
              },
            },
            "css-loader",
            {
              loader: "postcss-loader",
              options: {
                postcssOptions: styles.getPostCssConfig({
                  themeImporter: {
                    themePath: require.resolve(
                      "@ckeditor/ckeditor5-theme-lark",
                    ),
                  },
                  minify: true,
                }),
              },
            },
          ],
        },
      ],
    },
    resolve: {
      modules: [path.join(__dirname, "static/js"), "node_modules"],
      extensions: [".js", ".jsx", ".ts", ".tsx"],
    },
    performance: {
      hints: false,
    },
  },
}