Пользовательский плагин iconfont / webfont для веб-пакетов Laravel 5.4

Я только начинаю с webpack.js и Laravel 5.4 (обновление с 5.2)

Я почти все разобрался, но моя сборка и sass требует генератора значков из SVG.

В gulp и grunt это не было проблемой, но не может понять, как добавить собственный узел и плагин в веб-пакет в laravel 5.4.

В настоящее время я пытаюсь использовать https://github.com/itgalaxy/webpack-webfont

в котором есть минимальные инструкции по использованию, и я совершенно заблудился относительно того, как я : вызываю этот плагин и б: где я на самом деле размещаю этот код? в webpack.config.js? или я называю это из webpack.mix.js?

import WebfontPlugin from '../../Plugin';
import path from 'path';

export default {
    entry: path.resolve(__dirname, '../entry.js'),
    output: {
        path: path.resolve(__dirname, '../build'),
        filename: 'bundle.js'
    },
    module: {
        loaders: [
            {
                test: /\.css/,
                loaders: [
                    'style',
                    'css'
                ]
            },
            {
                test: /\.scss$/,
                loaders: [
                  'style',
                  'css',
                  'sass'
                ]
            },
            {
                loader: 'url-loader',
                test: /\.(svg|eot|ttf|woff|woff2)?$/
            },
        ]
    },

    resolve: {
        modulesDirectories: ["web_modules", "node_modules"]
    },
    plugins: [
        new WebfontPlugin({
            files: path.resolve(__dirname, '../svg-icons/**/*.svg'),
            css: true,
            cssFormat: 'scss',
            cssTemplateFontPath: './fonts/',
            dest: {
                fontsDir: path.resolve(__dirname, '../scss/fonts'),
                css: path.resolve(__dirname, '../scss/_webfont.scss'),
            }
        })
    ]
};

0 ответов

Другие вопросы по тегам