2016-11-06 4 views
2

角度2を初めて使用し、角度2のクイックスタートガイドに従っています。 私は角型アプリケーションのディレクトリ構造を理解しようとしています。私はアプリを構築するためにnpmを使用しています。 私は角度2の輸入明細書を見に行きました。角度インポートステートメントでのドット(。)の意味

import {NgModule} from '@angular/core'; 

私はそれが

'@angular/core': 'npm:@angular/core/bundles/core.umd.js' 

どこ

'npm:': 'node_modules/' 

NPMのようにマップされたファイルをsytemjs.config.jsが見つかりました:node_moduleフォルダのエイリアスです。

しかし、私は(ユーザーによって行われた)私のカスタムコンポーネントを使用していますし、

import {AppComponent} from './app.component'; 

などの輸入、これはどのようなドット(。)それは

app: 'app', 
としてマッピングされたアプリのフォルダを表している、ここで表します

答えて

6

ドットは、角とは何の関係もなく、現在のディレクトリを意味します。

import './file2' 

ことがあるので、これはappディレクトリにfile2.jsを探すために、あなたのモジュールローダを教えてくれます:あなたはapp/file1.js内でこの

app 
    file1.js 
    file2.js 

そして、のような2つのファイルを持っている場合たとえば

、現在のディレクトリはfile1.jsです。

..を使用して、親ディレクトリを調べることもできます。

ここRahul Tripathiから入手dot definitionから良い説明が、あります:すべてのディレクトリは、最低限として、単一のドットで表現オブジェクトを含むUnixライクなオペレーティングシステムで

と二つの連続ドットで表さ別。前者はディレクトリ自体を参照し、後者はその親ディレクトリ(すなわち、それを含むディレクトリ)を参照する。これらの項目は、lsコマンドと-aオプション(隠しアイテムを含むすべての内容を表示するように指示する)を使用するとわかるように、すべてのディレクトリに自動的に作成されます。

+0

これは、インポートステートメント – optional

+1

yupで特別な意味を持たないことを意味します。これは、ファイルが存在するディレクトリからのインポートを意味します。 – nem035

関連する問題