Move inline babel settings to .babelrc

[gauravtiwari]

Related to - #202
Fixes - #202 and #180 and #261

[gauravtiwari]

@Davidzhu001 Could you please give this branch a try and see if it fixed the production deployment issue for you? gem 'webpacker', github: 'gauravtiwari/webpacker', branch: 'babelrc' and you would need to re-run installers to update/replace webpack config and loaders.

# in Gemfile
gem 'webpacker', github: 'gauravtiwari/webpacker', branch: 'babel

bundle update webpacker
bundle exec rails webpacker:install
bundle exec rails webpacker:install:vue
RAILS_ENV=production bundle exec rails webpacker:compile

[Davidzhu001]

ok, I will test it when I get back.

[Davidzhu001]

hooray, it worked! @gauravtiwari And I deployed with Cap too. It works fine on both.

[gauravtiwari]

Awesome 👏 thanks for testing out 🍰

[Davidzhu001]

@gauravtiwari Do you know why the same error showed up again?

[gauravtiwari]

@Davidzhu001 which error?

[Davidzhu001]

#280

[gauravtiwari]

Could you please paste fresh logs and setup you are using? Also, when (something you added/removed) this started happening?

[Davidzhu001]

can i share the code to you? @gauravtiwari . alone with the server access?

[gauravtiwari]

Sure 👍 although not sure I can take a look straightaway. Would that be okay?

[Davidzhu001]

[gauravtiwari]

Ahh, same uglify error. Have you tried setting uglify: true in babelrc? - https://babeljs.io/docs/plugins/preset-env/#optionstargets-uglify

[Davidzhu001]

@gauravtiwari like these?

[gauravtiwari]

yes that's correct 👍

[Davidzhu001]

@gauravtiwari Thanks it worked

[gauravtiwari]

@Davidzhu001 So, this is the work around for now if you are using es6 code inside vue app. There are other options, but none of them are mature enough to use in production.

[Davidzhu001]

@gauravtiwari ok, can we make a wiki page to show people the solutions?

[gauravtiwari]

Perhaps, if you could make a quick PR to add the uglify documentation in README, that would be ace. @RavenXce wrote something here too - #306 (comment)