2017-02-03 11 views
0

私はGulpを使用してすべてのフォルダを配布用フォルダにエクスポートするためにタスクランナーを使い始めました。問題は、配布フォルダにイメージをエクスポートするときに発生します。パス名はsrcファイルで使用しているものとは異なります。私はHTMLで画像を対象とする場合ので、例として、I型:配布ファイルのソースが開発パスのソースと異なっています

しかし

/assets/images/example.jpg HTMLファイルが配布されたときに、ターゲットになっている:

/images/example.jpg

アセットフォルダをまだポイントしており、リンクが作成されています。 gulp-replaceのようなモジュールを使ってこれらのパス名を自動的に変更する必要がありますか?または、想定されるパス名を入力するだけですか?それとも、もう一つの方法がありますか?

申し訳ありません申し訳ありませんが、これは間違いですが、私は新しい開発環境に向けて取り組んでいます。他の詳細を教えてください。

+1

_dist> assets> images> example.jpg_というフォルダ構造を持つように、_src_サブフォルダを_dist_フォルダに単純に複製することができます。または、逆の場合、 '/ images/example.jpg'が分散コードで使用したいと思うパス参照である場合、_src_から_assets_フォルダを削除して、次のフォルダ構造を持つようにしてください。_src> images> example.jpg_ 。どちらの場合でも、相対パス参照はソースコードと配布コードの間で変更する必要はありません。 – RobC

答えて

1

私は一気-置き換える自動的 これらのパス名を変更するようにモジュールを使用する必要がありますか。

はい、gulp-replaceがこのトリックを行います。

代わりに、index.htmlファイルをassetsフォルダに配置することができます。そのため、プロジェクトを配布するときにパスを変更する必要はありません。

+0

私はファイル構造を一緒に保つことは、読みやすさと構造の目的のために実際に役立つかもしれないと思う - 助けてくれてありがとう。 – JCoulam

+1

@JCoulam - あなたは正しい。私は、あなたが最初に達成しようとしているものでなければならないと示唆している代替案があると思う何らかの理由でそれを達成できない場合は、[gulp-replace](https://www.npmjs.com/package/gulp-replace)などの別の依存関係を使用することもできます。 – RobC

関連する問題