zero_coding zero_coding - 1 year ago 104
Dart Question

How to organize assets?

I wrote a component that contains an image. The file structure looks like: enter image description here

My question is, it is right choise to put assets folder into web folder?


I tried as follow:

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';

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

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

onSubmit() {


And the file structure:

enter image description here

But it does not work at all.

Answer Source

I'd suggest to put everything into lib, actually lib/asset, if it's reused in several places, or lib/login_component, together with the component files if they belong together.

Referencing files in web from files in lib/** is bad practice.

I also suggest not putting anything into web that doesn't need to be there. References to lib work the same from everywhere (from web, lib, test, ..., but references to web only work from within web.

Refer to files in lib always using


(note the missing lib)

From files within lib also relative paths like are fine


or just
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download