Как настроить модуль веб-пакета webfonts-loader в vue cli

Question

Пытаясь добавить svgs в качестве шрифта в свой проект, я добавил этот код в свой файл vue.config, ошибки при сборке и запуске отсутствуют, но также нет и сгенерированных файлов,

module.exports = {
  assetsDir: "./static/",
  productionSourceMap: false,
  chainWebpack: config => {
    config.module
        .rule('font-icons')
        .test(/\.font\.js/)
        .use('minicssextract-loader')
        .loader(MiniCssExtractPlugin.loader)
        .end()
        .use('css-loader')
        .loader('css-loader')
        .end()
        .use('webfonts-loader')
        .loader('webfonts-loader')
        .options({
            files: [
                './src/assets/svg/*.svg'
            ],
            'fontName': 'intelosFont',
            html: true,
            'classPrefix': 'inls-',
            'baseSelector': '.inls',
            'types': ['eot', 'woff', 'woff2', 'ttf', 'svg'],
            'fileName': 'app.dfdfdf.[ext]'

        })
        .end()
  }
};

Answer 1

Предлагаю вам про file-loader { test: /\.(png|svg|jpg|gif)$/, use: [ { loader: "file-loader", options: { name: "img/[name].[ext]" } } ] }