React CKEditor 플러그인 import 관련 문제

const CKEditorWebpackPlugin = require("@ckeditor/ckeditor5-dev-webpack-plugin"); const { styles } = require("@ckeditor/ckeditor5-dev-utils"); module.exports = { webpack: { configure: (config, { env, paths }) => { config.plugins.push(new CKEditorWebpackPlugin({ language: "ko", addMainLanguageTranslationsToAllAssets: true})); const regExpThemeIconSvg = /ckeditor5-[^/\\]+[/\\]theme[/\\]icons[/\\][^/\\]+\.svg$/; const regExpThemeCss = /ckeditor5-[^/\\]+[/\\]theme[/\\].+\.css/; const cssRegex = /\.css$/; const cssModuleRegex = /\.module\.css$/; config.module.rules.push( { test: regExpThemeIconSvg, use: ["raw-loader"] }, { test: regExpThemeCss, use: [ { loader: "style-loader", // options: { injectType: "singletonStyleTag" } }, { loader: "postcss-loader", options: styles.getPostCssConfig({ themeImporter: { themePath: require.resolve("@ckeditor/ckeditor5-theme-lark"), }, minify: true, }), }, ], } ); config.module.rules.forEach((rule) => { if (rule.oneOf) { rule.oneOf.forEach((subRule) => { if (String(subRule.test) === String(cssRegex)) { subRule.exclude = [ cssModuleRegex, regExpThemeCss ]; } if (String(subRule.test) === String(cssModuleRegex)) { subRule.exclude = [regExpThemeCss]; } if ( String(subRule.loader).includes("file-loader") && Array.isArray(subRule.exclude) ) { subRule.exclude.push(regExpThemeIconSvg, regExpThemeCss); } }); } }); return config; }, }, };아 그리고 이건 craco 파일 입니다

React + Express WebSocket 관련 질문

proxy manager 설정 문제로 종결

React CKEditor 플러그인 import 관련 문제

아 그리고 CKEditor 코드 블록 플러그인 보니깐 코드 블록 안에 코드가 언어에 따라 하이라이팅이 안돼는거 같은데 혹시 하이라이팅 하는 방법도 있을까요?