9

サブフォルダーがある場合、html 内に正しいパスを書き込むと同時に、出力ファイルを機能させようとしています。

私の基本的なセットアップは、トップレベルのページ (index.html など) と、サブフォルダー (en、de、fr など) に言語固有のページがあることです。それぞれに共通の js ファイル (jquery など) がありますが、言語固有の js ファイル (css も同じですが、シンプルに保ちます...)

– Gruntfile.js
– app
    |– index.html
    |– js
        jquery.js
            |– en
                english.js
            |– de
                german.js
    |– css
    |– en
        |– index.html
    |– de
        |– index.html
– dist

つまり、基本的に - jquery などを含む最上位の index.html があります。 - その中のスクリプト タグは次のようになります。

<script src="js/jquery.js"></script>

またはrev付き

<script src="js/123.jquery.js"></script>

しかし、en/index.html では、script タグは次のようになります (共通の場合 - jquery のように)。

<script src="../js/jquery.js"></script>

またはrev。

<script src="../js/123.jquery.js"></script>

../ が問題です。

js ファイルをビルドしても rev'd ではない、または rev'd で空である、または build して rev'd で間違った場所にある (ほとんどの場合、app フォルダーと dist フォルダーの両方の外/上にある!)

en/index.html で - build:js がどのように見えるべきかを理解できません。

<!-- build:js js/jquery.js -->
<script src="../js/jquery.js"></script>
<!-- endbuild -->

<!-- build:js js/en/english/jquery.js -->
<script src="../js/en/english.js"></script>
<!-- endbuild -->

考えられるすべての組み合わせを試しました-ビルド:jsパスに../を書き込むと、実際のファイルはアプリフォルダーから1レベル上に配置されますが、パスを書き込みますhtmlを正しく。../ を省略した場合、ファイルは適切な場所に配置されますが、html にはどちらにも ../ がありません (明らかに必要です)。 1 レベル上 (en/ フォルダー外) を参照しますが、うなり声を上げて 1 レベル上 (dist フォルダー外!) に配置しません。

ありがとう!

4

1 に答える 1