gulp --production laravel elixir échoue sur les webfonts

Question

J'utilise Laravel 5.3 elixir pour mixer les assets, mon application js en angulaire en général. Webpack est derrière. Tout fonctionne, les fichiers sont compilés en app.js, même mon css est là. J'utilise bootstrap pour habiller l'application. Mais quand je cours gulp --production il échoue en raison de webfont de parsing/uglyfing.

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 

Mon gulpfile est facile:

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

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

Et dans mes app.js j'importer simplement de bootstrap css (bien sûr, je l'utilise pour chargeur 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); 

Avez-vous eu un problème simillar avec le nouvel élixir, ou avec le webpack? Peut-être qu'il me manque une configuration?

Answer 1

Il semble que l'utilisation de chemins à l'intérieur de css a été le problème. https://github.com/webpack/webpack/issues/597 a beaucoup expliqué. Maintenant, mon chargeur d'actifs (test var) ressemble

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

au lieu de

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