私はlaravel 5.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
_variables.less は次のとおりです。
// Brands
@brand-primary: #005689;
// Iconography
@icon-font-path: "../fonts/";
ただし、コンパイルされた app.css は、次のように font-face url を生成しています。
@font-face {
font-family: 'Glyphicons Halflings';
src: url('../../../node_modules/bootstrap/fonts/glyphicons-halflings-regular.eot');
}
インポートに関連するURLを生成しているように見えます@import "~bootstrap/less/bootstrap"
font-face url を次のように強制的に生成するにはどうすればよいですか。
@font-face {
font-family: 'Glyphicons Halflings';
src: url('../fonts/glyphicons-halflings-regular.eot');
}