Updated example for Nuxt.js 2.x

Author: visualfanatic

docs/faq.md

@@ -67,9 +67,9 @@ module.exports = {
 module.exports = {
   build: {
     extend: (config) => {
-      const svgRule = config.module.rules.find(rule => rule.loader === 'url-loader');
+      const svgRule = config.module.rules.find(rule => rule.test.test('.svg'));
 
-      svgRule.test = /\.(png|jpe?g|gif)$/;
+      svgRule.test = /\.(png|jpe?g|gif|webp)$/;
 
       config.module.rules.push({
         test: /\.svg$/,
@@ -182,9 +182,9 @@ module.exports = {
 module.exports = {
   build: {
     extend: (config) => {
-      const svgRule = config.module.rules.find(rule => rule.loader === 'url-loader');
+      const svgRule = config.module.rules.find(rule => rule.test.test('.svg'));
 
-      svgRule.test = /\.(png|jpe?g|gif)$/;
+      svgRule.test = /\.(png|jpe?g|gif|webp)$/;
 
       config.module.rules.push({
         test: /\.svg$/,
@@ -278,9 +278,9 @@ const { basename } = require('path');
 module.exports = {
   build: {
     extend: (config) => {
-      const svgRule = config.module.rules.find(rule => rule.loader === 'url-loader');
+      const svgRule = config.module.rules.find(rule => rule.test.test('.svg'));
 
-      svgRule.test = /\.(png|jpe?g|gif)$/;
+      svgRule.test = /\.(png|jpe?g|gif|webp)$/;
 
       config.module.rules.push({
         test: /\.svg$/,