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

你有新的靈藥，或與webpack simillar問題？也許我錯過了一些配置？

Answer 1

看來，在CSS內使用路徑是問題。 https://github.com/webpack/webpack/issues/597解釋了很多。現在我的資產加載器（測試VAR）看起來像

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

，而不是

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