babel 命令在終端中運行時轉換但運行腳本以錯誤結束

Question

我一直在嘗試讓 babel 核心和 cli 將現代 JavaScript 從 index.js 轉換為 bundle.js。

這是我的簡單 package.json

{
    "name": "chapter19",
    "version": "1.0.0",
    "description": "",
    "main": "index.js",
    "scripts": {
        "babel": "./node_modules/.bin/babel ./src/index.js -w -o ./dist/assets/bundle.js"
    },
    "author": "",
    "license": "ISC",
    "devDependencies": {
        "@babel/cli": "^7.16.7",
        "@babel/core": "^7.16.7",
        "@babel/preset-env": "^7.16.7",
        "babel-loader": "^8.2.3"
    }
}

現在當我在終端中運行node_modules/.bin/babel./src/index.js -w -o./dist/assets/bundle.js時，它工作正常但是當我嘗試在終端中運行“npm run babel”時，我收到以下錯誤。 到目前為止，這是我嘗試過的：

"babel": "node_modules/.bin/babel src/index.js -w -o dist/assets/bundle.js"

結果：“node_modules”未被識別為內部或外部命令、可運行程序或批處理文件。

"babel": "./node_modules/.bin/babel src/index.js -w -o dist/assets/bundle.js"

結果：'。' 不被識別為內部或外部命令、可運行程序或批處理文件。

我也讀過這個問題，基本上是：

"babel": "node ./node_modules/.bin/babel src/index.js -w -o dist/assets/bundle.js"

或者

"babel": "node ./node_modules/.bin/babel ./src/index.js -w -o ./dist/assets/bundle.js"

我收到以下錯誤：

SyntaxError: missing ) after argument list
    at Object.compileFunction (node:vm:352:18)
    at wrapSafe (node:internal/modules/cjs/loader:1031:15)
    at Module._compile (node:internal/modules/cjs/loader:1065:27)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
    at node:internal/main/run_main_module:17:47

這是我的文件夾結構（如果需要）

Answer 1

對於那些有興趣解決此問題的人，在 Windows 中，您可以使用以下內容：

"scripts": {
    "babel": ".\\node_modules\\.bin\\babel src\\index.js -w -o dist\\assets\\bundle.js"
},