从‘file-saver’导入{saveAs}：CommonJS或AMD依赖项可能会导致优化问题

Question

升级到Angular 10后，我的download file-saver saveAs会触发以下编译警告：

CommonJS or AMD dependencies can cause optimization bailouts.

编译器还提供了一个link to an explanation以及如何禁用该警告。除了禁用警告之外，是否有用于saveAs功能的ES包实现？

Answer 1

改用file-saver-es。

npm install -S file-saver-es

然后，在您的代码中导入saveAs和其他代码，保持不变。

import { saveAs } from 'file-saver-es';

Answer 2

在文件保存程序上有一个使用es模块的拉取请求，但它现在已经快一年了，所以我不知道它是否会发生。The pull request is here.您也可以使用拉取请求的存储库，但它位于原始repo之后。还有一个叫做ngx-filesaver的使用FileSaver.js的another repo here。我还没有试过，所以我不知道它是否能解决这个问题，或者它是否有用。

更新

我尝试过ngx-filesaver，它似乎只是将FileSaver.js包装在一个角度模块中。因此，虽然它为您提供了一个与您的angular代码的其余部分更内联的服务，但它并不处理commonJS或AMD依赖警告。

Answer 3

我什么都试过了，但都不管用。所以决定让angular闭嘴。

我在angular.json文件中添加了文件保护程序作为允许的commonjs依赖项。

"allowedCommonJsDependencies": ["file-saver"],

在项目->架构师->构建->选项中。