Question

我刚刚开始使用webpack.js和Laravel 5.4（从5.2升级）

我几乎已经解决了所有事情，但我的构建和sass需要来自svg的iconfont生成器。

在gulp和grunt中，这不是一个问题，但似乎无法弄清楚如何在laravel 5.4中添加自定义节点和插件到webpack

我目前正在尝试使用https://github.com/itgalaxy/webpack-webfont

其中有最少的使用说明，我完全迷失了我 A：调用此插件和 B：我在哪里实际放置此代码？在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'),
            }
        })
    ]
};

Laravel 5.4 webpack custom iconfont / webfont插件

0 个答案: