Not working with webpack.DefinePlugin about dotenv-webpack

[lucasbento]

alright, cool, thank you @mrsteele!

[mrsteele]

Feel free to simply remove the safe param. This would remove the safety checks since you just want to use the variables provided by your .env file.

[mrsteele]

Just to make sure I understand, you have something similar to:

// webpack.config.js
const Dotenv = require('dotenv-webpack');
const { DefinePlugin } = require('webpack'); 

module.exports = {
  ...
  plugins: [
    new DefinePlugin({
        // ...
    }),
    new Dotenv({
      path: './.my.env', // if not simply .env
      safe: true // lets load the .env.example file as well
    })
  ]
  ...
};

Can you tell me exactly what error / unexpected behavior occurs with this?

[lucasbento]

Yes, sorry I didn't include any examples, something like this:

new webpack.DefinePlugin({
  'process.env': {
    NODE_ENV: '"production"'
  }
}),
new dotEnv({
  path: './env',
  safe: './env',
}),

I use the same path for safe and path because I don't use a .env.example file.

[mrsteele]

Okay, looking at your example, i'm betting the following is happening:

If you look at this line:

https://github.com/mrsteele/dotenv-webpack/blob/master/src/index.js#L51

You will see I am assigning a variable like you on process.env.

Since you just have the one, have you tried changing your DefinePlugin to use?:

new webpack.DefinePlugin({
  'process.env.NODE_ENV': "production"
}),
new dotEnv({
  path: './env',
  safe: './env',
}),

This should help in the definition phase.

[mrsteele]

Although that wouldn't explain why it all worked as expected when you did one before the other... Are you sure it all worked when you changed the order?

[lucasbento]

I'm gonna try what you just said, that does make sense.

Yes, it is running on production already. :)

[lucasbento]

@mrsteele: it works in the way that you just said.

I guess webpack.DefinePlugin has an incremental way of defining new env vars.

[mrsteele]

Yeah, sorry about the issues but if anything maybe a good idea to open an issue with the DefinePlugin with webpack.