14

新しいセイル バージョンでブートストラップ テンプレートを提供する方法を知りたいと思っていました。JS のリンクを別のものに更新する必要がありますか。アセットフォルダ内のjsと画像を移動してみましたが、javascriptが動きませんでした。帆のドキュメントは、このトピックに関して非常に貧弱です。誰でも簡単に統合する方法を教えてください。前もって感謝します

4

2 に答える 2

10

Sails 0.9.x は、アセットの処理に Grunt を使用するようになりました。これにより、さまざまな種類のプリコンパイルとアセット処理を行うことができます。デフォルトでは、ビューとレイアウトへの自動アセット インジェクションは利用できません。

新しい Sails プロジェクトを生成するときに含めることができるフラグを追加しました。これにより、assets フォルダー内にフォルダーが作成され、任意のファイルが index.html またはレイアウト ファイルに自動的に挿入されます。これは開発目的でのみ使用してください。

sails new <project name> --linker

linkerこれで、アセット フォルダーの下に、ファイルを配置して自動的にリンクできるというタイトルのフォルダーが作成されます。index.htmlまた、さまざまな JS、CSS、およびテンプレートを挿入する場所を知るために、ファイルとレイアウト ファイルにいくつかのタグを追加します。

詳細はこちら: Sails Wiki - アセット

すでに作成されているプロジェクトで作業している場合は、次のファイル構造を手動で作成できます。

assets/
  linker/
    js/
    styles/
    templates/

また、次のタグをビューに追加する必要があります。

<!--SCRIPTS-->
All .js files in assets/linker/js will be included here
In production mode, they will all be concatenated and minified
<!--SCRIPTS END-->

<!--STYLES-->
All .css files in assets/linker/styles (including automatically compile ones from LESS) will be included here
In production mode, they will all be concatenated and minified
<!--STYLES END-->

<!--TEMPLATES-->
All *.html files will be compiled as JST templates and included here.
<!--TEMPLATES END-->

したがって、bootstrap を使用してファイルを自動的にページに追加するには、bootstrap.js ファイルを に配置し、bootstrap.css ファイルを に配置しassets/linker/jsますassets/linker/css。

本番環境では、gruntfile を編集してすべての css と js を単一のファイルにコンパイルし、それらを手動で view/layout/index.html にリンクする必要があります。

于 2013-07-31T17:27:13.663 に答える
8

グリフィコンに問題があります。縮小された css ファイルの保存先は /.temp/public/min/production.css で、フォントは /.temp/public/fonts/ にある必要があります。次に、fonts フォルダーを assets/linker/fonts/ から /.temp/public/fonts/ にコピーする必要があります。

これを copy.dev.files 配列内の Gruntfile に追加する必要があります。

{
    expand: true,
    cwd: './assets/linker/fonts',
    src: ['**/*'],
    dest: '.tmp/public/fonts'
}

または、より一般的な方法で:

{
    expand: true,
    cwd: './assets',
    src: ['**/fonts/*'],
    dest: '.tmp/public/fonts',
    flatten: true
}

fontsの下で呼び出されるすべてのフォルダーを検索しますassets。flattenサブフォルダーを避けるために使用します。

乾杯、

于 2013-11-27T16:40:18.920 に答える