1

我刚开始使用 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'),
            }
        })
    ]
};
4

0 回答 0