diego3g / electron-typescript-react

:electron: An Electron boilerplate including TypeScript, React, Jest and ESLint.
1.45k stars 295 forks source link

Refactor webpack to accept svg imports #81

Open caiulucas opened 2 years ago

caiulucas commented 2 years ago

The problem:

I found out that the svg imports was not working:

Screenshot_20220324_111518

Screenshot_20220324_111654

The solution

What I did was change the rules.webpack.js file adding in file-loader plugin another file type (svg):

 {
    test: /\.(png|jpe?g|gif|svg)$/i,
    loader: 'file-loader',
    options: {
      name: '[path][name].[ext]',
    },
  }

Then, in src/@types/image.d.ts I added a new declaration:

declare module '*.png';
declare module '*.jpeg';
declare module '*.jpg';
declare module '*.gif';

// New declaration
declare module '*.svg';

And now we can import svg files directly in code :)