Webpack Laravel Mix引导字体的Url不正确
我使用的是Laravel5.5,我试图用一些引导覆盖编译一个更少的文件 我的webpack.mix.js文件中包含以下内容: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
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
});
谢谢,这对我帮助很大。工作很好,谢谢!谢谢,这对我帮助很大。工作很好,谢谢!