Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Implement bundle with babel core-js@3 #1553

Merged
merged 1 commit into from Nov 3, 2020

Conversation

wdh2100
Copy link
Collaborator

@wdh2100 wdh2100 commented Oct 21, 2020

  • add @babel/runtime-corejs3
  • add core-js

This PR added the process of inserting core-js during build and transpiling.

I want to show it as CodeSansBox, but CodeSandBox is not support IE
So you have to check it locally.
I've tested it in Chrome and IE.

Solved to fix this #835

I think... It seems to be insufficient, but there is no problem with the build and transpiling.

thanks!

ref :

 - add @babel/runtime-corejs3
 - add core-js

var returnHomeStyle = { padding: '0px', margin: '20px 0 20px 0' };

return (
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

as-is

return <main>
             ....
       </main>

to-be

return  ( 
           <main
            ...
           </main>
)

}

// get data
getData = (url, page) => {
getData = async (url, page) => {
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Add async await

@@ -88,6 +91,7 @@
"sinon": "^7.4.2",
"style-loader": "^1.2.1",
"webpack": "^4.43.0",
"webpack-cli": "^3.3.11",
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Move package (dev)

Comment on lines +44 to +45
"@babel/plugin-transform-async-to-generator": "^7.12.1",
"@babel/plugin-transform-runtime": "^7.12.1",
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Add

@@ -97,6 +101,7 @@
"react-dom": "^16.8.0"
},
"dependencies": {
"@babel/runtime-corejs3": "^7.12.1",
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Add

@@ -2,12 +2,12 @@ const webpack = require('webpack');

module.exports = {
entry: {
app: "./examples/Router/index.js"
app: ['core-js/stable', 'regenerator-runtime/runtime', './examples/Router/index.js'],
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

insert entry

@@ -1,11 +1,18 @@
{
"parser": "babel-eslint",
"settings": {
"import/extensions": [".js"],
"react": {
"version": "latest"
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Add version

Comment on lines +46 to +51
"@babel/plugin-transform-runtime",
{
"corejs": 3,
"regenerator": true
}
]
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Set core-js

Comment on lines +14 to +27
"browsers": [
"ie >= 11",
"> 1%",
"iOS >= 8",
"Android >= 4"
],
"node": "6.10"
},
"useBuiltIns": "usage",
"debug": false,
"modules": false,
"corejs": {
"version": 3,
"proposals": true
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Set core-js

@patorjk
Copy link
Collaborator

patorjk commented Oct 26, 2020

I didn't get a chance to review this but hope to this coming week. Btw, did you see the email I sent you?

@wdh2100 wdh2100 merged commit 08dd2bf into gregnb:master Nov 3, 2020
@wdh2100 wdh2100 deleted the babel/add-core-js@3 branch November 3, 2020 02:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants