Webpack Laravel Mix引导字体的Url不正确

Webpack Laravel Mix引导字体的Url不正确,webpack,laravel-5.5,laravel-mix,Webpack,Laravel 5.5,Laravel Mix,我使用的是Laravel5.5,我试图用一些引导覆盖编译一个更少的文件 我的webpack.mix.js文件中包含以下内容: mix.js('resources/assets/js/app.js', 'public/js') .less('resources/assets/less/app.less', 'public/css').options({ processCssUrls: false }); app.less如下所示: @import "~boot

我使用的是Laravel5.5,我试图用一些引导覆盖编译一个更少的文件

我的webpack.mix.js文件中包含以下内容:

 mix.js('resources/assets/js/app.js', 'public/js')
    .less('resources/assets/less/app.less', 'public/css').options({
         processCssUrls: false
    });
app.less如下所示:

@import "~bootstrap/less/bootstrap";
@import "_variables.less";

// custom styles
// Brands
@brand-primary:      #005689;

// Iconography
@icon-font-path:        "../fonts/";
@font-face {
   font-family: 'Glyphicons Halflings';
   src: url('../../../node_modules/bootstrap/fonts/glyphicons-halflings-regular.eot');

}
_变量.less如下所示:

@import "~bootstrap/less/bootstrap";
@import "_variables.less";

// custom styles
// Brands
@brand-primary:      #005689;

// Iconography
@icon-font-path:        "../fonts/";
@font-face {
   font-family: 'Glyphicons Halflings';
   src: url('../../../node_modules/bootstrap/fonts/glyphicons-halflings-regular.eot');

}
但是,编译后的app.css正在生成字体面url,如下所示:

@import "~bootstrap/less/bootstrap";
@import "_variables.less";

// custom styles
// Brands
@brand-primary:      #005689;

// Iconography
@icon-font-path:        "../fonts/";
@font-face {
   font-family: 'Glyphicons Halflings';
   src: url('../../../node_modules/bootstrap/fonts/glyphicons-halflings-regular.eot');

}
看起来它正在生成相对于import@import~bootstrap/less/bootstrap的url

如何强制它生成字体面url,如下所示:

@font-face {
   font-family: 'Glyphicons Halflings';
   src: url('../fonts/glyphicons-halflings-regular.eot');

}

通过执行以下操作进行修复:

mix.js('resources/assets/js/app.js', 'public/js')
   .less('resources/assets/less/app.less', 'public/css', { relativeUrls: false
    })
  .options({
     processCssUrls: false
   });

通过执行以下操作进行修复:

mix.js('resources/assets/js/app.js', 'public/js')
   .less('resources/assets/less/app.less', 'public/css', { relativeUrls: false
    })
  .options({
     processCssUrls: false
   });

谢谢,这对我帮助很大。工作很好,谢谢!谢谢,这对我帮助很大。工作很好,谢谢!