網(wǎng)上有很多方式瞬沦,大多數(shù)是采用babel轉(zhuǎn)換運(yùn)行臊泌,但是我想在webstorm直接運(yùn)行代碼就可以了走哺,所以要配置以下
由于我的工程是沒有babel配置的怎抛,我也不想在工程里面還要建立.babelrc文件卑吭,
在安裝了npm install -g @babel/core @babel/node @babel/register @babel/preset-env
后
從命令的角度運(yùn)行是這樣的
/babel-node xxx.js -b /usr/local/lib/node_modules/@babel/preset-env
在js文件后面加入?yún)?shù)-b 配置后就可以支持import了,不用配置.babelrc文件,我這個(gè)-b 后面是全局模塊@babel/preset-env
路徑
webstorm配置默認(rèn)運(yùn)行babel-node
在ws上直接右鍵run就可以運(yùn)行js代碼,但是默認(rèn)是通過node命令
我們?cè)谶\(yùn)行后马绝,右上角有個(gè)運(yùn)行按鈕的左側(cè)有個(gè)運(yùn)行配置豆赏,點(diǎn)進(jìn)去后有個(gè)defaults配置找到Node.js,然后添加babel-node命令的路徑富稻,在application param配置后加入-b /usr/local/lib/node_modules/@babel/preset-env
掷邦,刪除之前的運(yùn)行配置,重新右鍵Run就可以執(zhí)行啦椭赋,執(zhí)行的時(shí)候看哈頂部運(yùn)行的命令確認(rèn)