{"id":3026,"date":"2024-12-07T02:06:29","date_gmt":"2024-12-06T19:06:29","guid":{"rendered":"https:\/\/fstack.io.vn\/?p=3026"},"modified":"2024-12-07T02:21:27","modified_gmt":"2024-12-06T19:21:27","slug":"huong-dan-cau-hinh-babel-cho-nodejs-tu-a-den-z","status":"publish","type":"post","link":"https:\/\/fstack.io.vn\/blog\/huong-dan-cau-hinh-babel-cho-nodejs-tu-a-den-z\/","title":{"rendered":"H\u01b0\u1edbng D\u1eabn C\u1ea5u H\u00ecnh Babel Cho D\u1ef1 \u00c1n Node.js Thu\u1ea7n JavaScript"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3026\" class=\"elementor elementor-3026\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-785dc65 e-flex e-con-boxed e-con e-parent\" data-id=\"785dc65\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56ddd59 elementor-widget elementor-widget-text-editor\" data-id=\"56ddd59\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Babel<\/strong> l\u00e0 m\u1ed9t <a href=\"https:\/\/fstack.io.vn\/blog\/top-10-cong-cu-digital-marketing-co-ban-cho-nguoi-moi-bat-dau\/\">c\u00f4ng c\u1ee5<\/a> kh\u00f4ng th\u1ec3 thi\u1ebfu trong vi\u1ec7c ph\u00e1t tri\u1ec3n \u1ee9ng d\u1ee5ng <a href=\"https:\/\/fstack.io.vn\/blog\/mot-so-cau-hoi-phong-van-javascript-tu-co-ban-den-nang-cao\/\">JavaScript<\/a> hi\u1ec7n \u0111\u1ea1i. N\u1ebfu b\u1ea1n \u0111ang x\u00e2y d\u1ef1ng d\u1ef1 \u00e1n <a href=\"https:\/\/fstack.io.vn\/blog\/node-js-la-gi-tat-tan-tat-ve-node-js\/\">Node.js<\/a> v\u00e0 c\u1ea7n \u0111\u1ea3m b\u1ea3o r\u1eb1ng m\u00e3 ngu\u1ed3n c\u1ee7a m\u00ecnh t\u01b0\u01a1ng th\u00edch tr\u00ean nhi\u1ec1u m\u00f4i tr\u01b0\u1eddng kh\u00e1c nhau, vi\u1ec7c c\u1ea5u h\u00ecnh Babel l\u00e0 b\u01b0\u1edbc quan tr\u1ecdng. Trong b\u00e0i vi\u1ebft n\u00e0y, ch\u00fang ta s\u1ebd c\u00f9ng t\u00ecm hi\u1ec3u c\u00e1ch c\u1ea5u h\u00ecnh Babel chi ti\u1ebft t\u1eeb A \u0111\u1ebfn Z, \u00e1p d\u1ee5ng c\u00e1c c\u00f4ng ngh\u1ec7 m\u1edbi nh\u1ea5t<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-37de9e2 e-flex e-con-boxed e-con e-parent\" data-id=\"37de9e2\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5feb4a0 elementor-widget elementor-widget-heading\" data-id=\"5feb4a0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Danh m\u1ee5c b\u00e0i vi\u1ebft<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/fstack.io.vn\/blog\/huong-dan-cau-hinh-babel-cho-nodejs-tu-a-den-z\/#Tai_Sao_Nen_Su_Dung_Babel\" >T\u1ea1i Sao N\u00ean S\u1eed D\u1ee5ng Babel?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/fstack.io.vn\/blog\/huong-dan-cau-hinh-babel-cho-nodejs-tu-a-den-z\/#Cai_Dat_Babel_Cho_Nodejs\" >C\u00e0i \u0110\u1eb7t Babel Cho Node.js<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/fstack.io.vn\/blog\/huong-dan-cau-hinh-babel-cho-nodejs-tu-a-den-z\/#Cach_Su_Dung_Babel_Trong_Du_An\" >C\u00e1ch S\u1eed D\u1ee5ng Babel Trong D\u1ef1 \u00c1n<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/fstack.io.vn\/blog\/huong-dan-cau-hinh-babel-cho-nodejs-tu-a-den-z\/#Nang_Cao_Thiet_Lap_Moi_Truong_Cu_The\" >N\u00e2ng Cao: Thi\u1ebft L\u1eadp M\u00f4i Tr\u01b0\u1eddng C\u1ee5 Th\u1ec3<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/fstack.io.vn\/blog\/huong-dan-cau-hinh-babel-cho-nodejs-tu-a-den-z\/#Nhung_Luu_Y_Quan_Trong\" >Nh\u1eefng L\u01b0u \u00dd Quan Tr\u1ecdng<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Tai_Sao_Nen_Su_Dung_Babel\"><\/span>T\u1ea1i Sao N\u00ean S\u1eed D\u1ee5ng Babel?<span class=\"ez-toc-section-end\"><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-df74f2f e-flex e-con-boxed e-con e-parent\" data-id=\"df74f2f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-816af14 elementor-widget elementor-widget-text-editor\" data-id=\"816af14\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>JavaScript li\u00ean t\u1ee5c \u0111\u01b0\u1ee3c c\u1eadp nh\u1eadt v\u1edbi nhi\u1ec1u t\u00ednh n\u0103ng m\u1edbi, nh\u01b0ng kh\u00f4ng ph\u1ea3i t\u1ea5t c\u1ea3 c\u00e1c m\u00f4i tr\u01b0\u1eddng (tr\u00ecnh duy\u1ec7t ho\u1eb7c runtime) \u0111\u1ec1u h\u1ed7 tr\u1ee3 nh\u1eefng t\u00ednh n\u0103ng n\u00e0y. Babel cho ph\u00e9p b\u1ea1n:<\/p><ul><li><strong>Chuy\u1ec3n \u0111\u1ed5i m\u00e3 ES6+<\/strong> sang ES5 ho\u1eb7c c\u00e1c phi\u00ean b\u1ea3n c\u0169 h\u01a1n.<\/li><li><strong>T\u1ed1i \u01b0u hi\u1ec7u n\u0103ng<\/strong> tr\u00ean c\u00e1c m\u00f4i tr\u01b0\u1eddng kh\u00f4ng \u0111\u1ed3ng nh\u1ea5t.<\/li><li><strong>S\u1eed d\u1ee5ng c\u00e1c t\u00ednh n\u0103ng hi\u1ec7n \u0111\u1ea1i<\/strong> m\u00e0 kh\u00f4ng lo ng\u1ea1i v\u1ec1 v\u1ea5n \u0111\u1ec1 t\u01b0\u01a1ng th\u00edch.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-06cded8 e-flex e-con-boxed e-con e-parent\" data-id=\"06cded8\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-767f55f elementor-widget elementor-widget-heading\" data-id=\"767f55f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Cai_Dat_Babel_Cho_Nodejs\"><\/span>C\u00e0i \u0110\u1eb7t Babel Cho Node.js<span class=\"ez-toc-section-end\"><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-900fb73 e-flex e-con-boxed e-con e-parent\" data-id=\"900fb73\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad42a28 elementor-widget elementor-widget-text-editor\" data-id=\"ad42a28\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>1. Kh\u1edfi T\u1ea1o D\u1ef1 \u00c1n Node.js<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-73496ac e-flex e-con-boxed e-con e-parent\" data-id=\"73496ac\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bdf7676 elementor-widget elementor-widget-text-editor\" data-id=\"bdf7676\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u0110\u1ea7u ti\u00ean, b\u1ea1n c\u1ea7n \u0111\u1ea3m b\u1ea3o d\u1ef1 \u00e1n Node.js \u0111\u00e3 \u0111\u01b0\u1ee3c kh\u1edfi t\u1ea1o. N\u1ebfu ch\u01b0a, ch\u1ea1y l\u1ec7nh sau:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d99ee6c e-flex e-con-boxed e-con e-parent\" data-id=\"d99ee6c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b8eb0af elementor-widget elementor-widget-code-highlight\" data-id=\"b8eb0af\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-bash line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-bash\">\n\t\t\t\t\t<xmp>npm init -y\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f2fb6d5 e-flex e-con-boxed e-con e-parent\" data-id=\"f2fb6d5\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67bf83e elementor-widget elementor-widget-text-editor\" data-id=\"67bf83e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>2. C\u00e0i \u0110\u1eb7t C\u00e1c G\u00f3i Babel<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9d51c73 e-flex e-con-boxed e-con e-parent\" data-id=\"9d51c73\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-91132be elementor-widget elementor-widget-text-editor\" data-id=\"91132be\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Ti\u1ebfp theo, c\u00e0i \u0111\u1eb7t c\u00e1c g\u00f3i c\u1ea7n thi\u1ebft:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f367a5a e-flex e-con-boxed e-con e-parent\" data-id=\"f367a5a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8fd2dc4 elementor-widget elementor-widget-code-highlight\" data-id=\"8fd2dc4\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-bash line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-bash\">\n\t\t\t\t\t<xmp>npm install @babel\/core @babel\/cli @babel\/node @babel\/preset-env --save-dev\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3a70b83 e-flex e-con-boxed e-con e-parent\" data-id=\"3a70b83\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c9e2a05 elementor-widget elementor-widget-text-editor\" data-id=\"c9e2a05\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>3. T\u1ea1o File C\u1ea5u H\u00ecnh Babel<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e50f27b e-flex e-con-boxed e-con e-parent\" data-id=\"e50f27b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56139c8 elementor-widget elementor-widget-text-editor\" data-id=\"56139c8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>T\u1ea1o m\u1ed9t file c\u1ea5u h\u00ecnh <code>.babelrc<\/code> trong th\u01b0 m\u1ee5c g\u1ed1c d\u1ef1 \u00e1n v\u1edbi n\u1ed9i dung sau:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f3bfa49 e-flex e-con-boxed e-con e-parent\" data-id=\"f3bfa49\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-640c198 elementor-widget elementor-widget-code-highlight\" data-id=\"640c198\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-json line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-json\">\n\t\t\t\t\t<xmp>{\r\n  \"presets\": [\"@babel\/preset-env\"]\r\n}\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5b4a1a2 e-flex e-con-boxed e-con e-parent\" data-id=\"5b4a1a2\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dec30ce elementor-widget elementor-widget-text-editor\" data-id=\"dec30ce\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Preset n\u00e0y gi\u00fap Babel t\u1ef1 \u0111\u1ed9ng chuy\u1ec3n \u0111\u1ed5i c\u00e1c t\u00ednh n\u0103ng ES6+ sang m\u00e3 JavaScript t\u01b0\u01a1ng th\u00edch d\u1ef1a tr\u00ean m\u00f4i tr\u01b0\u1eddng b\u1ea1n ch\u1ec9 \u0111\u1ecbnh.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-23a4ed4 e-flex e-con-boxed e-con e-parent\" data-id=\"23a4ed4\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d69c08 elementor-widget elementor-widget-heading\" data-id=\"3d69c08\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Cach_Su_Dung_Babel_Trong_Du_An\"><\/span>C\u00e1ch S\u1eed D\u1ee5ng Babel Trong D\u1ef1 \u00c1n<span class=\"ez-toc-section-end\"><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2892b1c e-flex e-con-boxed e-con e-parent\" data-id=\"2892b1c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a89470e elementor-widget elementor-widget-text-editor\" data-id=\"a89470e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>1. Bi\u00ean D\u1ecbch M\u00e3 Ngu\u1ed3n<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3c96673 e-flex e-con-boxed e-con e-parent\" data-id=\"3c96673\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c3a169e elementor-widget elementor-widget-text-editor\" data-id=\"c3a169e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Th\u00eam script v\u00e0o file <code>package.json<\/code>:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-35500eb e-flex e-con-boxed e-con e-parent\" data-id=\"35500eb\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb5b00b elementor-widget elementor-widget-code-highlight\" data-id=\"fb5b00b\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-json line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-json\">\n\t\t\t\t\t<xmp>\"scripts\": {\r\n  \"build\": \"babel src -d dist\"\r\n}\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e7db25f e-flex e-con-boxed e-con e-parent\" data-id=\"e7db25f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-476b760 elementor-widget elementor-widget-text-editor\" data-id=\"476b760\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>L\u1ec7nh tr\u00ean s\u1ebd bi\u00ean d\u1ecbch to\u00e0n b\u1ed9 m\u00e3 trong th\u01b0 m\u1ee5c <code>src<\/code> sang th\u01b0 m\u1ee5c <code>dist<\/code>.<\/p><p>Ch\u1ea1y l\u1ec7nh:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-091aa82 e-flex e-con-boxed e-con e-parent\" data-id=\"091aa82\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb8efe1 elementor-widget elementor-widget-code-highlight\" data-id=\"cb8efe1\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-bash line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-bash\">\n\t\t\t\t\t<xmp>npm run build\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ab64219 e-flex e-con-boxed e-con e-parent\" data-id=\"ab64219\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6fba02 elementor-widget elementor-widget-text-editor\" data-id=\"a6fba02\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>2. Ch\u1ea1y M\u00e3 Ngu\u1ed3n V\u1edbi Babel Node<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e875dfa e-flex e-con-boxed e-con e-parent\" data-id=\"e875dfa\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e51c8e elementor-widget elementor-widget-text-editor\" data-id=\"9e51c8e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>N\u1ebfu mu\u1ed1n ch\u1ea1y m\u00e3 ngu\u1ed3n tr\u1ef1c ti\u1ebfp m\u00e0 kh\u00f4ng c\u1ea7n bi\u00ean d\u1ecbch, s\u1eed d\u1ee5ng:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-485507a e-flex e-con-boxed e-con e-parent\" data-id=\"485507a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a49d20 elementor-widget elementor-widget-code-highlight\" data-id=\"4a49d20\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-bash line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-bash\">\n\t\t\t\t\t<xmp>npx babel-node src\/index.js\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1d53a48 e-flex e-con-boxed e-con e-parent\" data-id=\"1d53a48\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-418bbc1 elementor-widget elementor-widget-heading\" data-id=\"418bbc1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Nang_Cao_Thiet_Lap_Moi_Truong_Cu_The\"><\/span>N\u00e2ng Cao: Thi\u1ebft L\u1eadp M\u00f4i Tr\u01b0\u1eddng C\u1ee5 Th\u1ec3<span class=\"ez-toc-section-end\"><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e6f6afb e-flex e-con-boxed e-con e-parent\" data-id=\"e6f6afb\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4929f9a elementor-widget elementor-widget-text-editor\" data-id=\"4929f9a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>B\u1ea1n c\u00f3 th\u1ec3 t\u00f9y ch\u1ec9nh file <code>.babelrc<\/code> \u0111\u1ec3 ch\u1ec9 \u0111\u1ecbnh m\u00f4i tr\u01b0\u1eddng:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cc1ceb8 e-flex e-con-boxed e-con e-parent\" data-id=\"cc1ceb8\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a7ead6 elementor-widget elementor-widget-code-highlight\" data-id=\"3a7ead6\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-json line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-json\">\n\t\t\t\t\t<xmp>{\r\n  \"presets\": [\r\n    [\"@babel\/preset-env\", {\r\n      \"targets\": {\r\n        \"node\": \"current\"\r\n      }\r\n    }]\r\n  ]\r\n}\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-52c0d3b e-flex e-con-boxed e-con e-parent\" data-id=\"52c0d3b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a91e1a elementor-widget elementor-widget-text-editor\" data-id=\"1a91e1a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>C\u1ea5u h\u00ecnh tr\u00ean ch\u1ec9 chuy\u1ec3n \u0111\u1ed5i m\u00e3 \u0111\u1ec3 t\u01b0\u01a1ng th\u00edch v\u1edbi phi\u00ean b\u1ea3n Node.js hi\u1ec7n t\u1ea1i.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-220b1a0 e-flex e-con-boxed e-con e-parent\" data-id=\"220b1a0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6827a0e elementor-widget elementor-widget-heading\" data-id=\"6827a0e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Nhung_Luu_Y_Quan_Trong\"><\/span>Nh\u1eefng L\u01b0u \u00dd Quan Tr\u1ecdng<span class=\"ez-toc-section-end\"><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-54f2585 e-flex e-con-boxed e-con e-parent\" data-id=\"54f2585\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1faa00b elementor-widget elementor-widget-text-editor\" data-id=\"1faa00b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ol><li><strong>C\u1eadp Nh\u1eadt G\u00f3i Babel \u0110\u1ecbnh K\u1ef3<\/strong>: Babel th\u01b0\u1eddng xuy\u00ean \u0111\u01b0\u1ee3c c\u1eadp nh\u1eadt \u0111\u1ec3 h\u1ed7 tr\u1ee3 c\u00e1c t\u00ednh n\u0103ng m\u1edbi c\u1ee7a JavaScript.<\/li><li><strong>Ki\u1ec3m Tra T\u00ednh T\u01b0\u01a1ng Th\u00edch<\/strong>: S\u1eed d\u1ee5ng <a href=\"https:\/\/caniuse.com\/\" target=\"_new\" rel=\"noopener nofollow\">Can I Use<\/a> \u0111\u1ec3 ki\u1ec3m tra kh\u1ea3 n\u0103ng h\u1ed7 tr\u1ee3 t\u00ednh n\u0103ng c\u1ee7a JavaScript tr\u00ean c\u00e1c tr\u00ecnh duy\u1ec7t\/m\u00f4i tr\u01b0\u1eddng.<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Babel l\u00e0 m\u1ed9t c\u00f4ng c\u1ee5 kh\u00f4ng th\u1ec3 thi\u1ebfu trong vi\u1ec7c ph\u00e1t tri\u1ec3n \u1ee9ng d\u1ee5ng JavaScript hi\u1ec7n \u0111\u1ea1i. N\u1ebfu b\u1ea1n \u0111ang x\u00e2y d\u1ef1ng d\u1ef1 \u00e1n Node.js v\u00e0 c\u1ea7n \u0111\u1ea3m b\u1ea3o r\u1eb1ng m\u00e3 ngu\u1ed3n c\u1ee7a m\u00ecnh t\u01b0\u01a1ng th\u00edch tr\u00ean nhi\u1ec1u m\u00f4i tr\u01b0\u1eddng kh\u00e1c nhau, vi\u1ec7c c\u1ea5u h\u00ecnh Babel l\u00e0 b\u01b0\u1edbc quan tr\u1ecdng. Trong b\u00e0i vi\u1ebft n\u00e0y, ch\u00fang [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":3027,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[52,1,73],"tags":[],"class_list":["post-3026","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nodejs","category-cong-nghe","category-javascript"],"acf":[],"jetpack_featured_media_url":"https:\/\/fstack.io.vn\/blog\/wp-content\/uploads\/2024\/12\/https___dev-to-uploads.s3.amazonaws.com_i_ptihdmv7vmesfabks0qa.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/fstack.io.vn\/blog\/wp-json\/wp\/v2\/posts\/3026","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fstack.io.vn\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fstack.io.vn\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fstack.io.vn\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/fstack.io.vn\/blog\/wp-json\/wp\/v2\/comments?post=3026"}],"version-history":[{"count":4,"href":"https:\/\/fstack.io.vn\/blog\/wp-json\/wp\/v2\/posts\/3026\/revisions"}],"predecessor-version":[{"id":3032,"href":"https:\/\/fstack.io.vn\/blog\/wp-json\/wp\/v2\/posts\/3026\/revisions\/3032"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fstack.io.vn\/blog\/wp-json\/wp\/v2\/media\/3027"}],"wp:attachment":[{"href":"https:\/\/fstack.io.vn\/blog\/wp-json\/wp\/v2\/media?parent=3026"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fstack.io.vn\/blog\/wp-json\/wp\/v2\/categories?post=3026"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fstack.io.vn\/blog\/wp-json\/wp\/v2\/tags?post=3026"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}