How to serve static files

baktiaditya · 26 May 2021 12:35

How to serve static files like .ico or .js?
I tried to create a static folder in my theme but it didn’t work when I used html tags like <link rel="icon" href="/static/favicon.ico" />

mburridge · 26 May 2021 15:25

Hi @baktiaditya

Welcome to the Frontity community.

See this thread, and in particular this answer, this answer and this answer which may guide you toward a solution. In short, you should import the static file into a React component and use it there.

baktiaditya · 26 May 2021 23:11

hi, thanks for the reply.

i solved it using custom webpack configuration based on this thread Customize Webpack configuration

and i think you guys can consider adding support for .ico files in here:

github.com

frontity/frontity/blob/c5b4f80e0764c01b91824c251e38dda0781974c8/packages/core/src/config/webpack/modules.ts#L79-L97

    
      
            test: /\.(png|jpe?g|gif|svg)$/,
            use: [
              {
                loader: "file-loader",
                options: {
                  name: (file: string): string => {
                    const filename = /([^/\\]+)\.(?:png|jpe?g|gif|svg)$/.exec(
                      file
                    ) || ["", "image"];
                    return mode === "development"
                      ? `${filename[1]}.[ext]`
                      : `${filename[1]}-[hash].[ext]`;
                  },
                  outputPath: "images",
                  emitFile: target !== "server",
                },
              },
            ],
          },

luisherranz · 31 May 2021 08:55

Sure, that’d be great. Could you please submit a PR for that?