Question

我在位置

的文件夹中有SVG图像

# Returns -1 if first_column[i] > second_column[i] more often.
# Returns 1 if vice versa.
# Returns 0 if equal.
# Assumes df[first_column] and df[second_column] are the same length.
def compare_two(first_column, second_column):
    c1_greater_count = 0
    c2_greater_count = 0
    # Iterate over the two columns in the dataframe. df must be in accessible scope.
    for i in range(len(df[first_column])):
        if df[first_column].iloc(i) > df[second_column].iloc[i]:
            c1_greater_count += 1
        elif df[second_column].iloc[i] > df[first_column].iloc[i]:
            c2_greater_count += 1

    if c1_greater_count > c2_greater_count:
        return -1
    if c2_greater_count > c1_greater_count:
        return 1
    return 0

df = get_dataframe_from_somewhere()
relevant_column_names = get_relevant_column_names(df) # e.g., get all the dates.
sorted_column_names = sorted(relevant_column_names, cmp=compare_two)

# sorted_column_names holds the names of the relevant columns,
# sorted according to the given ordering.

在其中一个视图中，我添加了src/resources/images/代码并相应地设置了img

src

因为，我确信，一个非常简单的原因，我在运行应用程序时遇到错误<img src="images/image.svg">

控制台错误：

au run

我错过了什么...... 这是Aurelia Configuration特有的东西吗？

Answer 1

所有aurelia的路径都与根文件夹相关（保存了index.html个文件）。

简单的解决方案：您可以在根目录中指导创建\images\文件夹并将文件放在那里。

硬解决方案：您可以创建捆绑任务并将文件从资源复制到输出文件夹，如\images\。阅读that post for example task。

Answer 2

注意（编辑）：这适用于cli版本。如果您使用的是jspm，则不需要对库进行任何特殊管理（有关详细信息，请参阅我的评论）。

根据JayDi上面提到的非常好的FontAwesome工作，我创建了以下内容，我将留给那些尚未完全理解这是做什么或如何工作的人：

在\aurelia_project\tasks文件夹中，创建名为prepare-images.js的文件并添加以下代码：

import gulp from 'gulp';
import merge from 'merge-stream';
import changedInPlace from 'gulp-changed-in-place';
import project from '../aurelia.json';

export default function prepareImages() {
  const taskImages = gulp.src( 'src/resources/images/*' ) //use the file path to your image folder (this is where I put mine)
    .pipe( changedInPlace( { firstPass: true } ) )
    .pipe( gulp.dest( `${project.platform.output}/images` ) );

  return taskImages;
}

然后，在\aurelia_project\tasks\build.js文件夹中添加以下代码行：

import project from '../aurelia.json';
import prepareFontAwesome from './prepare-font-awesome';    
import prepareImages from './prepare-images'; //add this line

export default gulp.series(
  readProjectConfiguration,
  gulp.parallel(
    transpile,
    processMarkup,
    processCSS,
    prepareFontAwesome,
    prepareImages  //add this line
  ),
  writeBundles
);

您现在可以将图片放在您的文件夹中（例如/src/resources/images），它们将在/scripts/images/your_file_name的构建项目中提供。

在Aurelia中设置图像文件夹的路径

2 个答案: