23

私はyeomanとbowerを試しています。

次のコマンドを使用して、yeoman webapp を作成しました。

yo webapp

jqueryuiを使用したいので、 bowerを使用してインストールしました。

bower install jquery-ui --save

これは問題なく動作しますが、jQuery UI コンポーネントには「すべて」のコンポーネントを含む JavaScript ファイルは含まれていません。コンポーネントごとに 1 つずつ、多数の JavaScript ファイルが含まれているだけです。

必要な JavaScript ファイルのみを含める必要がありますか? または、jQuery UI を使用する前に何か他のことをする必要がありますか?

ヒントをありがとう！

4

5 に答える 5

5

参考までbower install jquery-ui --saveに、依存関係をプロジェクトに追加しjquery-ui.jsますが、スタイルは追加しません。そのためには、以下のようにbower.jsonファイルにセクションを追加する必要がありましたoverrides

{
  ...,
  "dependencies": {
    ...,
    "jquery-ui": "^1.11.4" // already added with --save from bower install command
  },
  ...,
  "overrides": {
    "jquery-ui": {
      "main": [
        "themes/smoothness/jquery-ui.css",
        "jquery-ui.js"
      ]
    }
  }
}

参考文献:

https://stackoverflow.com/a/27419553/4126114

https://github.com/taptapship/wiredep/issues/86

于 2016-03-02T07:21:41.543 に答える
3

すべてが必要な場合、または実験のためだけの場合は、必要なファイルを含めるか、フォルダーにデフォルトのカスタムビルドを使用します (すべてのコンポーネントが含まれていると思います)。

<script src="components/jqueryui/ui/jquery-ui.custom.js"></script>

この時点で、bower はリポジトリ全体をプルダウンし、(Web サイトから) 「bower は単なるパッケージ マネージャー」であるため、連結やモジュールの読み込みなど、他に必要なものはすべて、sprockets/requirejs などの他のツールによって処理されます。

参考文献:

ホームページhttp://bower.io/で bower でパッケージを使用する

bower に関する議論とリポジトリ全体のプル https://github.com/bower/bower/issues/45

于 2013-04-30T13:23:05.857 に答える
-2

目標を達成するために、requirejs.config の shim プロパティを使用できます。

requirejs.config({
    shim: {
        'jquery.ui.sortable': {
            deps: ['jquery', 'jquery.ui.core', 'jquery.ui.widget', 'jquery.ui.mouse', 'jquery.ui.position'],
            exports: '$'
        }
    }
});

jquery.ui.sortable は、プロジェクトで必要な場合、depsそれ自体が実行される前に、最初にリストされているモジュールをロードして実行する必要があることを指定しました。

残念ながら、これでも競合状態が発生します...しかし、それは一般的にこれを行う方法です(:

于 2013-10-08T09:26:19.020 に答える