如何在Babel的JetBrains文件监视器中设置输出文件的扩展名和路径?[Linux]

tvmytwxo  于 2023-01-15  发布在  Babel
关注(0)|答案(1)|浏览(109)

我正在尝试设置PhpStorm与Babel而不是UglifyJS一起工作。我需要用不同的扩展名将迷你输出文件写入源脚本所在的同一目录
我更改了Babel的文件监视器设置中的参数行,如下所示:$FilePathRelativeToProjectRoot$ --out-dir dist --out-file-extension .min.js --source-maps --presets minify
这是工作,但输出文件保存到/dist目录(没有指定--out-dir dist一切停止工作)和--out-file-extension选项被完全忽略。我怀疑这是由于旧版本的巴别塔6.2,我不能设法更新。
此“要刷新的输出路径”字段更改也不起作用:$FileNameWithoutExtension$.min.js
请解释如何改变参数来解决这个问题。

q1qsirdb

q1qsirdb1#

对我来说,这个解决方案是有效的,它将输出文件. min.js保存在与原始文件相同的位置:
1.安装巴别塔全球sudo npm install --save-dev -g @babel/core
1.安装Babel Minify全局sudo npm install babel-preset-minify --save-dev -g
1.使用以下参数设置PhpStorm Watcher:

程序:

/usr/local/lib/node_modules/@babel/cli/bin/babel.js

参数:

$FilePathRelativeToProjectRoot$ --out-file $FileDir$/$FileNameWithoutExtension$.min.js --presets /usr/local/lib/node_modules/babel-preset-minify

PhpStorm Watcher Setup

相关问题