1

这里的目标是观察一个目录并输出新文件。

保存时应该....

  1. 获取目录中的每个文件并缩小它
  2. 转译每个需要转译的文件
  3. 在同一目录中添加缩小文件和地图

实际发生了什么......

  1. 消息显示文件已编译
  2. .min 文件的“新”版本未更新或更改并保持不变

这是 package.json 文件

{
  "name": "theme",
  "version": "1.0.448",
  "description": "Someones Theme",
  "main": "index.php",
  "dependencies": {
    "@babel/plugin-transform-react-jsx": "^7.12.7",
    "@babel/polyfill": "^7.12.1",
  },
  "devDependencies": {
    "@babel/cli": "^7.12.8",
    "@babel/core": "^7.12.9",
    "@babel/preset-env": "^7.12.7",
    "@babel/runtime": "^7.12.5",
    "babel-preset-minify": "^0.5.1"
  },
  "scripts": {
    "watch:babel-blocks": "npx babel blocks/jsxblock/*.jsx --watch --out-dir blocks/jsxblock/ --out-file-extension .min.js --source-maps"
  },
  "author": "Someone",
  "license": "GPL-3.0-or-later"
}

这是 .babel.config.json 文件

{
  "plugins": [
    "@babel/plugin-transform-react-jsx"
  ],
  "presets": [
    "@babel/env",
    "minify"
  ]
}

更新 - 2020 年 12 月 2 日

这是 repl.it 演示的链接

https://repl.it/join/xldfgzre-juandahveed

如果您以前从未使用过 repl.it，请确保您按control + shift + s以便终端出现。

然后你可以运行npm run watch:babel-blocks看看会发生什么。

在这种情况下，如果您更新blocks/jsxblock/editor.jsx文件，watch 标志将真正起作用，并且blocks/jsxblock/editor.min.js文件将随着您所做的任何更改而更新。

我唯一能想到的是，在我的本地实例中（实际上只是一个带有构建脚本的大肆宣传的 WordPress 站点）我同时使用文件的devDependencies和dependencies区域package.json，而使用 repl.it 我只能拥有东西在dependencies. 我确实在本地环境中对此进行了测试，但没有解决任何问题。

想法？建议？真的有人知道原因吗？

4

0 回答 0