CKEditor webpack加载器问题

时间:2018-01-09 11:36:39

标签: javascript svg webpack ckeditor ckeditor5

我想在AdminLTE项目中使用CKEditor。 这个项目在规则中有一个url加载器:

{
    test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
    loader: 'url-loader',
    exclude: path.resolve(__dirname, "node_modules/@ckeditor"),
    query: {
      limit: 10000,
      name: utils.assetsPath('img/[name].[hash:7].[ext]')
    }
  }

这会加载所有fontawesome字形。

当我想添加CKEditor svg规则时:

{
            // Or /ckeditor5-[^/]+\/theme\/icons\/[^/]+\.svg$/ if you want to limit this loader
            // to CKEditor 5's icons only.
            test: /\.svg$/,

            use: [ 'raw-loader' ]
        },

所有地狱都破裂了,加载器会对所有发现的svgs上的意外令牌提供解析错误。 当我删除上述规则的测试正则表达式中的svg选项时,没有显示fontawesome svg,但是CKEditor的svg会通过。

我搜索得很高,但我似乎无法弄清楚如何合并这两条规则,或者如何将它们分开,以便两者都适用。

我们将不胜感激。

0 个答案:

没有答案