Build failed due to webpack devServer importing https key

[rishi]

My vue application uses vue.config.js file which is similar to webpacks config file.

in development i have:

devServer: {
https: {
key: fs.readFileSync(’…/certs/dev.sixxxd.com+3-key.pem’),
cert: fs.readFileSync(’…/certs/dev.sixxxend.com+3.pem’),
},

it works fine when i build locally and run in dev locally.
But when cloudflare pages pulls it from github, the followiing error is shown

ERROR Error: ENOENT: no such file or directory, open ‘…/certs/dev.sixxxnd.com+3-key.pem’

Not sure why when npm run buiild command is run it checks the devServer object and looks for the cert file which is not going to be there, nor do i want to upload it to my public folder as its only for local https.

Any ideas? Thanks.

[rishi]

Solved this by conditional checking the NODE_ENV process.

key: process.env.NODE_ENV == ‘development’ ? fs.readFileSync(’…/cexxxxxxd.com+3-key.pem’) : ‘’,

Thanks.