在.babelrc文件中指定cacheDirectory

Question

我尝试了：

{
    "env": {
        "development": {
            "option": {
                "cacheDirectory": true
            }
        }
    }
}

但是它没有起作用。我只想在开发环境中启用cacheDirectory以加快热更新速度。有什么建议吗？谢谢！

- Ymin Hu

Answer 1

cacheDirectory实际上是babel-loader的选项，而不是babel本身，因此在babelrc配置文件中不应包含此选项。

您可以在babel-loader的配置中启用它。一种方法是使用loader: 'babel-loader?cacheDirectory'。

来自babel-loader文档（重点是我的）:

此加载器还支持以下特定于加载器选项：

• cacheDirectory：默认值为false。当设置时，将使用给定目录缓存加载程序的结果。未来的Webpack构建将尝试从缓存中读取，以避免在每次运行时需要运行可能昂贵的Babel重新编译过程。如果该值为空(loader: 'babel-loader?cacheDirectory')或为true (loader: babel-loader? cacheDirectory=true)，则加载程序将使用node_modules/.cache/babel-loader中的默认缓存目录，如果在任何根目录中找不到 node_modules 文件夹，则会回退到默认的操作系统临时文件目录。

- agilgur5

Answer 2

如果您正在使用babel-node，则可以使用以下内容：

BABEL_CACHE_PATH=/foo/my-cache.json babel-node script.js

# or

BABEL_DISABLE_CACHE=1 babel-node script.js

https://babeljs.io/docs/en/babel-register#babel-cache-path

- srghma