0

背景：

我有几个 vanilla JS 项目，文件最多 25 000 行/单个文件，我想在其中使用 ES6 功能 + 要求，这样我可以使代码更具可读性。顺便说一句，OS X 家伙

可能的解决方案：

我可以编写一个 package.json 并为每个项目使用一个 webpack，但如果我不这样做，我会更喜欢。

到目前为止我做了什么：

全局安装 browserify

sudo npm install -g browserify

在PhpStorm中设置观察者

phpstorm 配置

全局浏览器路径

/usr/local/lib/node_modules/browserify/bin/cmd.js

论据

$FilePath$
-o
$FileDir$/$FileNameWithoutAllExtensions$.js

一切正常，如果我的代码中有要求

var foo = require('./inc/_dependency-functionality');

✅ 它将正确捆绑，所需的外部文件将捆绑在单个文件中

但是，理想情况下，我想拥有它以便我可以使用 ES6 导入/导出功能，这可能会说我需要 babelify

这样做

sudo npm install -g browserify

并使用

$FilePath$
-o
$FileDir$/$FileNameWithoutAllExtensions$.js
-t [ /usr/local/lib/node_modules/babelify --presets [/usr/local/lib/node_modules/@babel/preset-env ] ]

❌ 实际上不会对脚本进行 babelify

我有点卡住了

4

1 回答 1

0

好的，我设法做到了

$FilePath$
-o
$FileDir$/$FileNameWithoutAllExtensions$.js
-t [ /usr/local/lib/node_modules/babelify/index.js --presets [/usr/local/lib/node_modules/@babel/preset-env ] ]

Babelify 应该由/index.js附加

如果您的用户库的主页中有 .babelrc（babel 在顶部递归搜索 .babelrc），那么您实际上可能会丢失预设

$FilePath$
-o
$FileDir$/$FileNameWithoutAllExtensions$.js
-t [ /usr/local/lib/node_modules/babelify/index.js ]

另外，请确保您的文件被命名为file.source.js而不是file.babel，因为对于未知文件不会开始转译

于 2019-11-24T00:52:07.157 回答