Пользовательский плагин 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'),
}
})
]
};