2016-11-11 5 views
3

이미지가 포함 된 구성 요소를 작성했습니다. 파일 구조는 다음과 같습니다. enter image description here자산을 구성하는 방법은 무엇입니까?

제 질문은 자산 폴더를 웹 폴더에 넣는 것이 옳은 선택입니까?
UPDATE

나는 다음과 같이 시도 :

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

} 

및 파일 구조 :
enter image description here

하지만 전혀 작동하지 않습니다.

답변

5

나는 모든 것을 에 넣어 두는 것이 좋습니다. 여러 장소에서 다시 사용하는 경우 , 함께 사용하는 경우 구성 파일과 함께 lib/login_component을 함께 사용하는 것이 좋습니다.

lib/**의 파일에서 web의 파일을 참조하는 것은 바람직하지 않습니다.

거기에있을 필요가없는 web에 아무것도 넣지 않는 것이 좋습니다. 사방에서 lib 일 같은에 참조는 (항상 사용 web에서 libweb-test, ...,하지만, 참조 만

. web 내에서 작업 lib의 파일을 참조

packages/my_package/file_or_dir.xxx 

(참고가 누락되었습니다 lib)

lib 내의 파일로부터도 같은 상대 경로는 괜찮습니다

../file_or_dir.xxx 

하거나

file_or_dir.xxx 
+0

그래서 내가 좋은 생각이 아니라고 설명에도 web''에서 scale.png' '을 고수 할 그 파일에서 web''에있는 파일의 수입 'lib'에서 잘 작동하지 않습니까? –

+0

이제'scale.png'을'lib/assets' 폴더에 넣었고 구성 요소에서 참조하는 방법을 모르겠습니다. –

+0

나는 본다. 스크린 샷에 반영되지 않았습니다. 당신은'String scaleImg = 'packages/my_package/assets/scale.svg'; 또는'String scaleImg = '../ packages/my_package/assets/scale.svg' 'assets/scale.svg'; '하지만 자산에서 작동하는지 확신 할 수 없습니다. –

관련 문제