schluck --produktion laravel elixier schlägt auf webfonts

Question

Ich benutze Laravel 5.3 Elixier, um die Vermögenswerte, meine js app in eckigen im Allgemeinen zu mischen. Webpack steht dahinter. Alles läuft, Dateien kompilieren zu einzelnen app.js, sogar mein CSS ist da. Ich benutze Bootstrap, um die App zu häuten. Aber wenn ich gulp --production ausführen, scheitert es wegen des Parsing/hässlichen 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 

Mein gulpfile ist einfach:

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

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

Und in meinem app.js ich nur CSS von Bootstrap importieren (natürlich verwende ich CSS-loader für 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); 

Hatten Sie Simillar Problem mit neuen Elixier, oder mit Webpack? Vielleicht fehlt mir eine Konfiguration?

Answer 1

Es scheint, dass die Verwendung von Pfaden innerhalb von CSS das Problem war. https://github.com/webpack/webpack/issues/597 viel erklärt. Nun meine Asset loader (Test var) sieht aus wie

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

statt

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