📜  EmberJS-管理依赖项

📅  最后修改于: 2020-10-25 11:02:47             🧑  作者: Mango


Ember使用NPM和Bower来管理依赖关系,这在package.json中定义为NPM,在bower.json中定义为Bower。例如,您可能需要为样式表安装SASS,而在开发Ember应用程序时Ember尚未安装SASS。为此,请使用Ember Addons共享可重用的库。如果要安装任何CSS框架或JavaScript datepicker依赖项,请使用Bower软件包管理器。

插件

通过使用以下命令,可以使用Ember CLI安装Ember插件-

ember install ember-cli-sass

ember install命令会将所有依赖项保存到相应的配置文件中。

凉亭

它是用于Web的软件包管理器,用于管理HTML,CSS,JavaScript或图像文件的组件。它基本上维护和监视所有软件包并检查新更新。它使用配置文件bower.json跟踪放置在Ember CLI项目根目录的应用程序。

您可以使用以下命令安装项目依赖项-

bower install  --save

资产

您可以将第三方JavaScript放置在您的项目的vendor /文件夹中,而这些附件不能作为Addon或Bower包提供,并将自己的资产(例如robots.txt,favicon等)放置在项目的public /文件夹中。应该使用清单文件ember-cli-build.js来包括在开发Ember应用程序时Ember未安装的依赖

AMD JavaScript模块

您可以将资产路径作为第一个参数,并将模块和导出列表作为第二个参数。您可以将这些资产包含在ember-cli-build.js清单文件中,如下所示:

app.import('bower_components/ic-ajax/dist/named-amd/main.js', {
   exports: {
      'ic-ajax': [
         'default',
         'defineFixture',
         'lookupFixture',
         'raw',
         'request'
      ]
   }
});

环境特定资产

通过将对象定义为第一个参数(环境名称),可以在不同的环境中使用不同的资产,并且应将对象的值用作该环境中的资产。在ember-cli-build.js清单文件中,您可以添加为-

app.import ({
   development: 'bower_components/ember/ember.js',
   production:  'bower_components/ember/ember.prod.js'
});

其他资产

将所有资产放置在public /文件夹中后,它们将被复制到dist /目录中。例如,如果您复制放置在public / images / favicon.ico文件夹中的收藏夹图标,它将被复制到dist / images / favicon.ico目录。可以在vendor /文件夹中手动添加第三方资产,也可以使用Bower软件包管理器通过import()选项添加第三方资产。未使用import()选项添加的资产将不会出现在最终版本中。

例如,考虑以下将资产导入dist /文件夹中的代码。

app.import('bower_components/font-awesome/fonts/fontawesome-webfont.ttf');

上面的代码行在dist / font-awesome / fonts / fontawesomewebfont.ttf中创建一个字体文件。您还可以将上面的文件放在其他路径,如下所示-

app.import('bower_components/font-awesome/fonts/fontawesome-webfont.ttf', {
   destDir: 'assets'
});

它将字体文件复制到dist / assets / fontawesome-webfont.ttf中