【问题标题】:Is there a way override node_module imports to an alternate module (i.e. lodash to lodash-es)?有没有办法覆盖 node_module 导入到备用模块(即 lodash 到 lodash-es)?
【发布时间】:2020-10-30 10:15:00
【问题描述】:

为我的单一存储库测试从 angular 9 到 angular 10 的更新。收到很多以下警告:

WARNING in \libs\global-search\src\lib\components\status\status.component.ts
depends on 'lodash/cloneDeep'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

为了帮助解决问题并减少构建大小,我改用 lodash-es。

为了让我的团队更轻松,我不想将每个 import 'lodash/METHOD' 替换为 import 'lodash-es/METHOD'

所以import isEqual from 'lodash/isEqual' 将指向node_modules/lodash-es/isEqual

有没有办法做到这一点?

【问题讨论】:

    标签: angular webpack angular-cli node-modules es6-modules


    【解决方案1】:

    这就是你的做法:

    module.exports = {
        ...
        resolve: {
            alias: {
                lodash: 'lodash-es',
                vue: 'vue/dist/vue.esm.js',
            }
        },
        ...
    },
    

    注意:我留下了一个 vue 的例子,所以你可以看到你可以根据需要设置一个特定的文件。

    【讨论】:

      猜你喜欢
      • 2017-08-24
      • 2020-04-21
      • 2021-04-01
      • 1970-01-01
      • 2018-09-10
      • 2016-10-24
      • 2018-07-15
      • 1970-01-01
      相关资源
      最近更新 更多