here are the babel and es6 writings introduced in html
The browser outputs, but prompts that you are using an in-browser Babel converter. Be sure to precompile the script for the production environment . Is there any way to deal with the es6 in html?
because you use babel.min.js in the browser to compile the ES6 syntax in real time, which is very performance-consuming, and it is usually only used in testing or temporary environments (codepen, etc.), so the page will give you a warning not to use it directly in the production environment.
the right thing to do is to run the compiled js file back to the browser, usually through tools such as webpack , and then give the generated file to the formal environment. If you don't know webpack or find it troublesome, you can compile it directly in babel .
first compile to ES5 through the babel command, and then put it into html
first is the ES6 code var x = 1; function foo(x, y = function() { x = 2; }) { var x = 3; y(); console.log(x); } foo(); when the above code runs on chrome, it prints 3. when this ES6 code is compiled into ES5, i...
The directory structure is as follows Code profile.js function showMsg(msg) { alert(msg); } export default {showMsg}; import.js import {showMsg} from ". profile.js"; showMsg("hello world"); .babelrc { "presets...
this is the configuration of webpack .babelrc babel-polyfill ie11 both chrome and ff are correct, but not under ie. It feels like the compilation of babel is wrong. Do you want to use any plug-ins? please take a look at it for your help. ...
problem description the packaged vue-cli code ie 11 reported an error and could not open the page (two pages of the project, the login page can be opened, and the home page cannot be opened). what is a little strange is that the development-time se...
now the development uses seajs, used by vue, and some API, of ES6 is used in the project code. Now there are some problems in online compilation: online compilation generated on the right, there will be some dependencies in it, I directly copy the ...
what is the real implementation principle of some of the new es6 and es7 grammars we usually use? Is it understandably the real implementation of the es5 code that is converted through babel? ...
< H1 > error occurred when compiling ES6 with babel without using nodejs < H1 > < H2 > scene < H2 > We currently use ES6 syntax in traditional projects (not the modern front end packaged by nodejs ). As a result, colleagues browsers can t browse...