How to use WebpackDefinePlugin to be used in other plugins?

Question

webpack

Hello, I need to do something like

module.exports = defineConfig({
configureWebpack: {
plugins: [

new webpack.DefinePlugin({
        APP_NAME: JSON.stringify("myApp"),
      }),
new HtmlWebpackPlugin({
        title: APP_NAME + " official"
})

]
}
});

since modules are exported at the same time, defines inside them do not work, which analog can be used

Answer 1

Separate constants? 0_o

const {APP_NAME} = require('./constants');

new webpack.DefinePlugin({
        APP_NAME: JSON.stringify(APP_NAME),
      }),
new HtmlWebpackPlugin({
        title: APP_NAME + " official"
})