diff options
Diffstat (limited to 'webpack.common.js')
-rw-r--r-- | webpack.common.js | 9 |
1 files changed, 8 insertions, 1 deletions
diff --git a/webpack.common.js b/webpack.common.js index f6347f125..40a6468ad 100644 --- a/webpack.common.js +++ b/webpack.common.js @@ -4,6 +4,13 @@ const { styles } = require('@ckeditor/ckeditor5-dev-utils') const { VueLoaderPlugin } = require('vue-loader') const BabelLoaderExcludeNodeModulesExcept = require('babel-loader-exclude-node-modules-except') +function getPostCssConfig(ckEditorOpts) { + // CKEditor is not compatbile with postcss@8 and postcss-loader@4 despite stating so. + // Adapted from https://github.com/ckeditor/ckeditor5/issues/8112#issuecomment-960579351 + const { plugins, ...rest } = styles.getPostCssConfig(ckEditorOpts); + return { postcssOptions: { plugins }, ...rest }; +}; + const plugins = [ // CKEditor needs its own plugin to be built using webpack. new CKEditorWebpackPlugin({ @@ -82,7 +89,7 @@ module.exports = { { test: /ckeditor5-[^/\\]+[/\\].+\.css$/, loader: 'postcss-loader', - options: styles.getPostCssConfig({ + options: getPostCssConfig({ themeImporter: { themePath: require.resolve('@ckeditor/ckeditor5-theme-lark'), }, |