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)$/,