studysnack

<pre class="hljs"><code class="language-javascript">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;
 },
 },
};</code></pre>아 그리고 이건 craco 파일 입니다

React CKEditor 플러그인 import 관련 문제

proxy manager 설정 문제로 종결

React + Express WebSocket 관련 질문

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

studysnack

投稿