gulp --production laravel elixirがウェブフォントで失敗する

Question

私は、Laravel 5.3 elixirを使用してアセットをミックスしています。 Webpackはその背後にある。すべてが実行され、ファイルは単一のapp.jsにコンパイルされますが、私のCSSもそこにあります。私はブートストラップを使ってアプリをスキンします。しかし、私がgulp --productionを実行すると、WebFontを解析/醜いために失敗します。

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

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

そして、私のapp.jsの内側に私は（もちろん私はWebPACKのためのcssローダーを使用）、ブートストラップのCSSをインポートします。

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は簡単です。

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); 

新しいエリキシル剤やウェブパックでも同様の問題がありましたか？多分私はいくつかの設定が欠けているでしょうか？

Answer 1

これは、CSS内のパスを使用することが問題だったようです。 https://github.com/webpack/webpack/issues/597が多く説明されています。今私の資産ローダー（テストVARは）

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

代わりの

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

のように見えます