将插件导入 ember答案

【问题标题】：Importing plugins into ember将插件导入 ember
【发布时间】：2016-02-16 14:51:33
【问题描述】：

我正在尝试向我的应用程序添加一个密码计，并且偶然发现了看起来相当不错的“强度计”jQuery 插件。

我已经使用 bower (--save) “安装”了它，然后将它包含在我的 ember-cli-build.js 文件中，如下所示：

app.import('bower_components/strength-meter/js/strength-meter.js');
app.import('bower_components/strength-meter/css/strength-meter.css'});
//app.import('bower_components/strength-meter/img/bg-strength-gradient.jpg',{destDir: 'assets'});

当我执行“ember build”时，js和css文件没有出现在我的dist/assets文件夹中。

有人知道这里发生了什么吗？

另外，请注意注释掉的图像 - 在构建过程中会引发文件未找到错误。它正在 tmp build 文件夹中寻找文件...

Build failed.
ENOENT, no such file or directory '/home/Ember/newproject/tmp/funnel-input_base_path-VTkBYJrA.tmp/0/bower_components/strength-meter/img/bg-strength-gradient.jpg'

任何帮助都会非常棒！

干杯，

安迪

【问题讨论】：

从 import() 中取出 {destDir: 'assets'}.. 默认情况下它们应该内置到资产中。更具体地说，它们应该分别自动编译成 vendor.js 和 vendor.css。
谢谢 - 最初我没有指定（我现在从示例中删除了它）。即使没有，构建过程也不会将所需的文件放入资产文件夹中......
它不会只是将文件放到 assets 文件夹中。它所做的是编译你所有的 app.import() 并构建一个 vendor.js 文件，它将所有东西打包在一起
感谢 Grapho，这解释了很多。所以 ember 文档告诉我们这个 app.import 方法会导致资源被放到 assets 文件夹中......我对 vendor.js 和现在 vendor.css 作为解释没问题 - 知道为什么导入 jpg好像没什么用？

标签： jquery ember.js plugins bower

【解决方案1】：

首先，使用 app.import 添加的任何 js 文件都将成为 dist 文件夹中 vendor.js 的一部分，而任何类似添加的 css 文件都将成为 vendor.css 的一部分。

而你，我认为你不能添加这样的图像。将图像放在某个位置 - 推荐使用 public 文件夹，因为在构建时所有文件也会复制到 dist 文件夹。

还可以阅读 http://ember-cli.com/user-guide/ 的入门和资产编译部分

【讨论】：

【解决方案2】：

图片问题：

public/ 该目录将被逐字复制到您构建的应用程序的根目录中。将此用于没有构建步骤的资产，例如图像或字体。取自Ember-cli User Guide

Grapho 已经回答了您的主要问题

【讨论】：