2016-11-11 22 views
3

イメージを含むコンポーネントを書きました。ファイル構造は次のようになります。enter image description hereアセットを整理する方法は?

私の質問は、資産フォルダをWebフォルダに入れるのが正しいですか?
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、実際にはlib/asset、それが複数の場所で再使用される場合はlib/login_component、それが一緒に属している場合はコンポーネントファイルと共にすべてを入れることをお勧めします。

lib/**のファイルからwebのファイルを参照することは悪いことです。

webには必要ないものを入れないことをお勧めします。どこからでもlib仕事と同じに 参照は(常に使用してwebから、libは、webからtest、...、しかし、参照がのみ

web内から作業lib内のファイルを参照してください

packages/my_package/file_or_dir.xxx 

(欠けていることに注意してください)

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'; 'あなたは' String scaleImg = 'assets/scale.svg'; 'しかし、これが資産に対して機能するかどうかはわかりません。 –

関連する問題