Webpack 2: kompilieren Sie keine Schriftarten in .less-Datei

Question

Ich versuche, Webpack 2 (2.6.1) mit weniger kompilieren zu css auszuführen. Kam zu einem Problem mit Schriftarten - wenn es eine @ font-face in .less-Datei gibt, tritt ein Fehler auf.

@charset "UTF-8"; 
@font-face { 
    font-family: 'Exo2Medium'; 
    src: url("./fonts/Exo2Medium/Exo2Medium.eot"); 
    src: local("�?�"), url("./fonts/Exo2Medium/Exo2Medium.woff") format("woff"), url("./fonts/Exo2Medium/Exo2Medium.otf") format("opentype"); 
} 

Nach einigem Suchen ich eine Lösung gefunden zu haben, die ein solches Problem lösen könnte:

module: { 
    rules: [ 
     { test: /\.tsx?$/, loader: "awesome-typescript-loader" }, 
     { enforce: "pre", test: /\.js$/, loader: "source-map-loader" }, 
     { 
      test: /\.less$/, 
      use: ExtractTextPlugin.extract({ 
       loader:[ 'css-loader', 'less-loader' ], 
       fallback: 'style-loader' 
      }) 
     }, 
     { 
      test: /\.(png|woff|woff2|eot|ttf|otf|svg)$/, loader: 'url-loader?limit=100000' 
     } 
    ] 
} 

Aber in diesem Fall alle Schriften in die Datei css Ausgabe kompiliert wird. Ist es möglich, in .css nur eine Verknüpfung zur Schriftart zu halten?

Answer 1

Webpack file-loader ist die Lösung, die Sie suchen.