我想在 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 可以通过。
我搜索了高低,但我似乎无法弄清楚如何合并这两个规则,或者如何将它们充分分开以便两者都适用。
一点帮助将不胜感激。