如何在Ember.js中导入使用npm包？crypto-js导入报错求助

算力阿峰

2026-8-1

解决EmberJS中导入crypto-js失败的问题

方案一：配置全局模块导出（无需额外插件）

你当前的问题是直接通过import 'crypto-js'尝试导入，但Ember CLI默认不会将全局库自动转为ES模块。可以通过修改ember-cli-build.js的导入配置，明确暴露模块：

调整ember-cli-build.js中的导入代码，添加导出配置：

// ember-cli-build.js
module.exports = function(defaults) {
  let app = new EmberApp(defaults, {
    // 其他项目配置...
  });

  // 仅导入核心模块和SHA256模块（crypto-js.js是全量包，无需重复导入）
  app.import('node_modules/crypto-js/core.js');
  app.import('node_modules/crypto-js/sha256.js', {
    exports: {
      'crypto-js/sha256': ['default']
    }
  });

  return app.toTree();
};

在业务代码中按配置路径导入使用：

import SHA256 from 'crypto-js/sha256';

// 使用示例
const hashResult = SHA256('待加密字符串').toString();

如果需要使用crypto-js的其他功能，只需对应导入该功能模块并添加exports配置即可。

方案二：使用ember-auto-import（推荐现代Ember项目）

对于较新的Ember项目，更简洁的方式是借助ember-auto-import，它能自动处理npm包的导入，无需手动配置ember-cli-build.js：

安装ember-auto-import插件：

ember install ember-auto-import

删除ember-cli-build.js中所有手动导入crypto-js的代码。
在代码中直接导入所需模块：

// 按需导入单个模块
import SHA256 from 'crypto-js/sha256';
// 或导入全量包
import CryptoJS from 'crypto-js';

// 使用示例
const hashResult = CryptoJS.SHA256('待加密字符串').toString();

这种方式更符合现代ES模块的使用习惯，后续维护也更简单。