Add url-loader limit to font file packing. (#508)

phase2 · Mar 21, 2019 · 4db1d6c · 4db1d6c
1 parent d76f9dc
commit 4db1d6c
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/webpack.particle.js b/webpack.particle.js
@@ -109,10 +109,19 @@ module.exports = {
         },
       },
       {
+        // base64 encode all referenced font files for simple loading.
         test: /\.(woff|woff2|eot|ttf|otf)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
         use: [
           {
             loader: 'url-loader',
+            options: {
+              limit: 50000,
+
+              // If a font file is over 50k, output below fonts directory.
+              // This prevents massive .css file bloat.
+              name: '[name].[ext]',
+              outputPath: 'fonts/',
+            },
           },
         ],
       },