告诉反应本机包装器来观看非javascript文件

大佬教程收集整理的这篇文章主要介绍了告诉反应本机包装器来观看非javascript文件，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

{
  "presets": [
    "react-native"
  ],"plugins": [
     ["babel-plugin-espower",{
       "sourceRoot": "./App"
     }],"transform-flow-Strip-types"
  ],"env": {
    "production": {
      "plugins": [
        "babel-plugin-unassert",]
    },"development": {
      "plugins": [
        ["babel-plugin-react-native-config",{ envfile: ".env" }]
      ]
    }
  }  
}

{
    "version": "4.6.0","roots": [
        "/path/to/my/project"
    ]
}

解决方法@H_675_29@

既然已经问了这个问题已经过了两个星期了,我会发布一个可怕的解决办法,我可以拼凑在一起.我会把这个问题解答不了,接受任何一个比这个更好的答案.

反应本机包装程序使用守望者来监视文件系统更改,并且在获取某些JS文件已更改的事件时,它会查看文件是否已实际更改,然后再转发.这样可以防止我做一些简单的事情,像触发相关JS文件的守望者触发器,因为反应包装器认为它是如此聪明,它可以忽略没有差异的更新.随你.

所以我的解决方案是在.env上创建一个看门人触发器,改变哪个调用make_env_cache,其中clear_env_cache是​​Makefile中的以下(虚假)目标.

# get the PID of the react packager
pid := $(sHell lsof -i:8081 | grep node | awk '{print $$2;}' | head -n 1)

# Kill files that the packager uses to determine whether it needs to 
# re-transpile a js file,then restart the packager
clear_env_cache:
    find ${TMPDIR}/react-native-packager-cache-* -name "my_pattern" | xargs rm
    kill -9 $(pid) || echo "no packager running"
    nohup node node_modules/react-native/local-cli/cli.js start > /dev/null 2>&1 &

请注意,my_pattern将根据您的项目布局而改变.对我来说,有一个文件导入所有名为SetTings.js的envvars,所以模式是“*设置*”.注意,这个目标也基本上在每次文件改变时都会杀死并重新启动打包程序,并且它不会包含节点打包程序,因此您将无法再看到该进程.除非你需要查看包装商的输出,否则不是什么大不了的事情.

watchman-cli命令来触发这个是守望者 – 根据. -p .env -t clear_env_cache为了方便起见,我设置了一个nohups这个命令的make目标：

# Run `make hotswap_env` to allow envvar changes to show up in the react-native packager.
hotswap_env:
    nohup watchman-make --root . -p .env -t clear_env_cache > /dev/null 2>&1 &

现在我可以(每次系统启动一次)运行make hotswap_env,它会在.env更改时触发,并确保打包程序服务器持续运行.

免责声明：这个脚本可能不是便携式的,肯定是脆弱的.注意事项和ymMV和IANAL等等.欢迎推荐改进可移植性.