gulp --production laravel elixir не работает на webfonts

Question

Я использую Laravel 5.3 elixir для смешивания активов, мое приложение js в основном угловое. За ним стоит Webpack. Все работает, файлы компилируются в один файл app.js, даже мой css есть. Я использую bootstrap для приложения. Но когда я запускаю gulp --production, это терпит неудачу из-за разбора/уродливости webfont.

Error: Unexpected token: operator (<)', 
    fileName: '/home/user/www/laravel/89889688147bd7575d6327160d64e760.svg', 
    lineNumber: 1, 
    stack: 'Error\n at new JS_Parse_Error (eval at <anonymous> (/home/arek/www/laravel/node_modules/gulp-uglify/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:1534:18)\n 

Мой gulpfile легко:

const elixir = require('laravel-elixir'); 

elixir(mix => { 
    mix.webpack('app.js') 
    .browserSync({ 
     'proxy': 'http://localhost:8000' 
    }) 
    ; 
}); 

И в моих app.js я просто импортировать CSS из начальной загрузки (я, конечно, использовать CSS загрузчик для WebPack).

import 'bootstrap/dist/css/bootstrap.css'; 

import angular from 'angular'; 
import uirouter from 'angular-ui-router'; 

import routing from './app.config'; 
import login from './features/login'; 

angular.module('app', [uirouter, login]). 
config(routing); 

У вас был вопрос simillar с новым эликсиром или с веб-пакетом? Может, мне не хватает какой-то конфигурации?

Answer 1

Кажется, что использование путей внутри css было проблемой. https://github.com/webpack/webpack/issues/597 объяснил многое. Теперь мой загрузчик активов (тест вар) выглядит как

test: /\.woff($|\?)|\.woff2($|\?)|\.ttf($|\?)|\.eot($|\?)|\.svg($|\?)/,

вместо

test: /\.(svg|woff|woff2|ttf|eot)$/,