ES6 là gì?
Do phiên bản ES6 được cập nhật vào năm 2015, do đó một số trình duyệt sẽ không đọc được một số câu lệnh trong ES6, để giải quyết vấn đề này, ta cần sử dụng thư viện Babel.
Cài đặt Babel:
Sử dụng trực tiếp
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>ES6</title>
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
</head>
<body>
<script type="text/babel">
/* Nội dung script viết ở đây */
</script>
</body>
</html>
Trong phạm vi bài học, Tui Học Web sẽ dùng cách "Sử dụng trực tiếp" để ví dụ cho tiện.
Cài đặt bằng lệnh npm
Trước tiên chúng ta cần cài Node.js.
Bash:
curl -fsSL https://deb.nodesource.com/setup_14.x | sudo -E bash -
Bash:
sudo apt-get install -y nodejs
Cài đặt Babel bên trong thư mục project bằng lệnh:
Bash:
npm install --save-dev babel-loader@7 babel-core babel-preset-env