如何组织资产？

Question

我写了一个包含图像的组件。文件结构如下：

我的问题是，将资源文件夹放入网络文件夹是正确的选择吗？ 更新

我尝试了如下：

import 'package:angular2/core.dart';
import 'package:angular2_components/angular2_components.dart';
import 'package:wp_login/models/Login.dart';
import 'package:wp_login/assets/scale.svg';

@Component(
    selector: 'start-app',
    directives: const[MaterialInputComponent],
    styleUrls: const ['login_component.css'],
    templateUrl: 'login_component.html')
class AppComponent {

  String scaleImg = 'scale.svg';
  Login login;


  onSubmit() {
    print('Submit');
  }

}

文件结构：

但它根本不起作用。

Answer 1

我建议将所有内容放入lib，实际上lib/asset，如果它在多个地方重复使用，或lib/login_component，以及组件文件，如果他们属于一起。

从web中的文件引用lib/**中的文件是不好的做法。

我还建议不要在web中添加任何不需要的东西。 对lib的引用在所有地方都起作用（来自web，lib，test，......，但对web的引用只能在{{1}内工作1}}。

请始终使用

参考web中的文件

lib

（请注意缺少的packages/my_package/file_or_dir.xxx ）

来自lib内的文件也是相对路径，例如很好

lib

或只是

../file_or_dir.xxx