1

我想在 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]')
    }
  }

这会加载所有令人敬畏的字形。

当我想添加 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' ]
        },

所有的地狱都崩溃了,加载器在所有找到的 svg 上给出了关于意外标记的解析错误。当我在上述规则的测试正则表达式中删除 svg 选项时,没有显示 fontawesome svg,但 CKEditor 的 svg 可以通过。

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

一点帮助将不胜感激。

4

0 回答 0