diff --git a/src/components/bulk-email-tool/text-editor/TextEditor.jsx b/src/components/bulk-email-tool/text-editor/TextEditor.jsx index 83821079..c498ae33 100644 --- a/src/components/bulk-email-tool/text-editor/TextEditor.jsx +++ b/src/components/bulk-email-tool/text-editor/TextEditor.jsx @@ -18,7 +18,7 @@ import 'tinymce/plugins/codesample'; import '@edx/tinymce-language-selector'; import contentUiCss from 'tinymce/skins/ui/oxide/content.css'; -import contentCss from 'tinymce/skins/content/default/content.css'; +import contentCss from 'tinymce/skins/content/default/content.css?raw'; export default function TextEditor(props) { const { diff --git a/webpack.dev.config.js b/webpack.dev.config.js index 9df658ba..75c5caff 100644 --- a/webpack.dev.config.js +++ b/webpack.dev.config.js @@ -22,8 +22,13 @@ const webpack5esmInteropRule = { }, }; +const rawAssetRule = { + resourceQuery: /raw/, + type: 'asset/source', +}; + const otherRules = config.module.rules; -config.module.rules = [webpack5esmInteropRule, ...otherRules]; +config.module.rules = [rawAssetRule, webpack5esmInteropRule, ...otherRules]; module.exports = config; diff --git a/webpack.prod.config.js b/webpack.prod.config.js index 1c37b517..dbabfbf1 100644 --- a/webpack.prod.config.js +++ b/webpack.prod.config.js @@ -14,8 +14,13 @@ const webpack5esmInteropRule = { }, }; +const rawAssetRule = { + resourceQuery: /raw/, + type: 'asset/source', +}; + const otherRules = config.module.rules; -config.module.rules = [webpack5esmInteropRule, ...otherRules]; +config.module.rules = [rawAssetRule, webpack5esmInteropRule, ...otherRules]; module.exports = config;