Я использую vue-cli
и toast-ui-vue-image-editor
.
// vue.config.js
const path = require('path')
let HardSourceWebpackPlugin = require('hard-source-webpack-plugin')
module.exports = {
chainWebpack: config => {
config.module
.rule('svg')
.use('file-loader')
.options({
name: '[name].[ext]',
outputPath: ''
})
}
И добавил эти строки в компонент Vue
import 'tui-image-editor/dist/svg/icon-a.svg'
import 'tui-image-editor/dist/svg/icon-b.svg'
import 'tui-image-editor/dist/svg/icon-c.svg'
import 'tui-image-editor/dist/svg/icon-d.svg'
import { ImageEditor } from '@toast-ui/vue-image-editor'
Все работает, но инструмент редактора Значок Svg не отображается,См. Самый нижний раздел редактора, где вместо значков отображается белый квадрат (отменить, повторить, обрезать и т. Д.)