バックグラウンド：
コードを読みやすくするために、最大 25,000 行 / 単一ファイルのファイルを含むバニラ JS プロジェクトがいくつかあります。ちなみにOS Xの人
考えられる解決策:
package.json を構成し、プロジェクトごとに webpack を使用することもできますが、そうしないほうがよいでしょう。
私がこれまでに行ったこと：
browserifyをグローバルにインストールする
sudo npm install -g browserify
PhpStormでウォッチャーをセットアップする
グローバル ブラウザ化パス
/usr/local/lib/node_modules/browserify/bin/cmd.js
引数
$FilePath$
-o
$FileDir$/$FileNameWithoutAllExtensions$.js
すべて正常に動作し、コードに require がある場合
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 ] ]
❌ 実際にはスクリプトをバベル化しません
私はちょっと立ち往生しています