svg webpack loader

webpackSVG.js

module.exports = {
  module: {
    rules: [{
        test: /\.svg$/,
        use: [
          // encode < 4KB  bytes svg to utf-8 data-uri for smaller size.
          // Fallback to file-loader for > 4KB  files.
          {
            loader: "svg-url-loader",
            options: {
              // Remove the quotes from the url
              noquotes: true,
              stripdeclarations: true,
              // Inline files smaller than 4 kB
              limit: 4 * 1024,
              name: `img/[name].[hash].[ext]`
            }
          },
          // optimizes/cleanup svg files output from sketch, photoshop etc.
          {
            loader: "img-loader",
            options: {
              plugins: [
                require("imagemin-svgo")({
                  plugins: [{ removeTitle: true }, { convertPathData: false }]
                })
              ]
            }
          }
        ]
      }]
   }
}