什么是 ember-import
ember-import 是一个 npm 包，它可以帮助 Ember.js 应用程序将 ES6 模块导入到应用的名称空间中，而不需要在 JavaScript 文件中使用 import 语句。
安装 ember-import
你可以使用 npm 安装 ember-import。
npm install --save-dev ember-import
如何使用 ember-import
首先，你需要在 Ember.js 应用程序的 ember-cli-build.js 文件中引入 ember-import 。
-- -------------------- ---- -------
----- -------- - --------------------------------------------
----- ------ - ---------------------------
----- ---------- - --------------------------------
----- ----------- - ------------------------
-------------- - ------------------ -
----- --- - --- ------------------ -
-- ---
---
-- --- ------------ -- ------ --- -------
----- --------------- - -------------------------------------- -
----------- ------------------------
---
------ ------------------------- ------------------
--接下来，你需要在 app.js 文件中使用 ember-import 的 import() 方法导入 ES6 模块。假设你想要导入 lodash 这个包，你可以按如下方式导入：
import Ember from 'ember';
import { importSync } from 'ember-import';
const { merge } = importSync('lodash');
const App = Ember.Application.extend({
});ember-import 小技巧
你可以使用 emberImport() 方法将多个 ES6 模块打包成一个文件。例如，你可以将 Vue.js 和 Vue Router 打包成一个文件：
const importedModules = emberImport(app.project.addonPackages, {
outputFile: 'assets/es6-modules.js',
modules: {
'vue': ['default'],
'vue-router': ['default']
}
});总结
ember-import 是一个帮助 Ember.js 应用程序将 ES6 模块导入到应用的名称空间中的有用工具。通过使用 ember-import，你可以让你的代码更加干净和易于维护。具体来说，你学习了如何使用 ember-import，并了解了一些小技巧，例如将多个模块打包成一个文件。希望这篇文章对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600668f3d9381d61a3540e2d