Question

我试过了：

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

但它没有用。我只想在开发环境中启用cacheDirectory以获得更快的hmr。有任何想法吗？谢谢！

Answer 1

cacheDirectory实际上是babel-loader的一个选项，而不是babel本身，因此babelrc配置不是此选项的正确位置。

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

从babel-loader docs（强调我自己）：

此加载程序还支持以下特定于加载程序的选项：


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

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

在.babelrc文件中指定cacheDirectory

2 个答案: