webpack.config.cjs

'use strict';

const path = require('path');
const { styles } = require('@ckeditor/ckeditor5-dev-utils');

module.exports = [
	{
		entry: './samples/app.js',

		output: {
			library: 'ClassicEditor',
			path: path.resolve(__dirname, 'build'),
			filename: 'bundle.js',
			libraryTarget: 'umd',
			libraryExport: 'default'
		},

		module: {
			rules: [
				{
					test: /\.svg$/,
					use: ['raw-loader']
				},
				{
					test: /\.css$/,
					use: [
						{
							loader: 'style-loader',
							options: {
								injectType: 'singletonStyleTag'
							}
						},
						{
							loader: 'css-loader'
						},
						{
							loader: 'postcss-loader',
							options: {
								postcssOptions: styles.getPostCssConfig({
									themeImporter: {
										themePath: require.resolve('@ckeditor/ckeditor5-theme-lark')
									},
									minify: true
								})
							}
						},
					]
				}
			]
		},

		// Useful for debugging.
		devtool: 'source-map',

		// By default webpack logs warnings if the bundle is bigger than 200kb.
		performance: { hints: false }
	},
	{
		entry: './samples/multi-root-editor/app.js',

		output: {
			library: 'MultirootEditor',
			path: path.resolve(__dirname, 'build/multi-root-editor'),
			filename: 'bundle.js',
			libraryTarget: 'umd',
			libraryExport: 'default'
		},

		module: {
			rules: [
				{
					test: /\.svg$/,
					use: ['raw-loader']
				},
				{
					test: /\.css$/,
					use: [
						{
							loader: 'style-loader',
							options: {
								injectType: 'singletonStyleTag'
							}
						},
						{
							loader: 'css-loader'
						},
						{
							loader: 'postcss-loader',
							options: {
								postcssOptions: styles.getPostCssConfig({
									themeImporter: {
										themePath: require.resolve('@ckeditor/ckeditor5-theme-lark')
									},
									minify: true
								})
							}
						},
					]
				}
			]
		},

		// Useful for debugging.
		devtool: 'source-map',

		// By default webpack logs warnings if the bundle is bigger than 200kb.
		performance: { hints: false }
	}
];