gulp --production laravel elixir 在 webfonts 上失败答案

【问题标题】：gulp --production laravel elixir fails on webfontsgulp --production laravel elixir 在 webfonts 上失败
【发布时间】：2017-02-16 23:39:40
【问题描述】：

我正在使用 Laravel 5.3 elixir 来混合资产，我的 js 应用程序通常是有角度的。 Webpack 是它的背后。一切都运行，文件编译为单个 app.js ，甚至我的 css 都在那里。我使用引导程序对应用程序进行皮肤处理。但是当我运行 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 中，我只是导入了 bootstrap 的 css（当然我使用 css loader for 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);

你在使用新的 elixir 或 webpack 时遇到过类似的问题吗？也许我缺少一些配置？

【问题讨论】：

标签： angularjs webpack webfonts laravel-elixir

【解决方案1】：

看来，在 css 中使用路径是个问题。 https://github.com/webpack/webpack/issues/597 解释了很多。现在我的资产加载器（测试变量）看起来像

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

而不是

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

【讨论】：