Access webpack var in a page

billsaysthis · May 25, 2020, 6:37pm

I see that in the generated index.html the title var from webpack config file is used. How do I do the same in a page.js file? Specifically I want to use the title in a layout file.

peterp · May 26, 2020, 9:59am

This is set in webpack over here:

github.com

redwoodjs/redwood/blob/9b1fb26c800d9947ab81e7fe69ae233ca5324bb4/packages/core/config/webpack.common.js#L89-L94


      
          new HtmlWebpackPlugin({
            title: path.basename(redwoodPaths.base),
            template: path.resolve(redwoodPaths.base, 'web/src/index.html'),
            inject: true,
            chunks: 'all',
          }),

I would either change the title in index.html manually, but if you need it to be dynamic you could set this via a custom webpack config:
https://redwoodjs.com/guides/webpack-config

Maybe you create an app.json file that this webpack config reads.

And then you could use something like React Helmet:
GitHub - nfl/react-helmet: A document head manager for React to modify the title.

This seems a bit more difficult than it should be to me, and this should be something that we’re making easy for you to do.

billsaysthis · May 26, 2020, 5:05pm

Thanks. I want to use the same title everywhere, at least for now, but I don’t want to have separate instances of the text. Especially thinking about i18n.