74

Play 2.3 アプリで、WebJars 経由でアプリに含まれている JS を (sbt-rjs を使用して) 連結/最適化することは可能ですか?
具体的な例を挙げると、すべてのサードパーティ ライブラリが連結され、1 つのファイルに縮小されたcore.jsモジュールを作成しようとしています。このモジュールは、他の AMD モジュールの依存関係として指定できます。
ソースを「手動で」ダウンロードするのではなく、WebJars を介してこれらのライブラリを含めることをお勧めします。

Webjar の依存関係を指定しているbuild.sbtファイルのスニペットを次に示します。

// Webjars
libraryDependencies ++= Seq(
  "org.webjars" % "requirejs" % "2.1.15",
  "org.webjars" % "underscorejs" % "1.7.0",
  "org.webjars" % "jquery" % "1.11.1",
  "org.webjars" % "bootstrap" % "3.3.1" exclude("org.webjars", "jquery"),
  "org.webjars" % "angularjs" % "1.3.4-1" exclude("org.webjars", "jquery")
)

これが私のrequireJSビルド構成です

requirejs.config({
  baseUrl: '/assets/javascripts',
  shim: {
    'jsRoutes': {
      deps: [],
      exports: 'jsRoutes'
    },
    'angular': {
      deps: ['jquery'],
      exports: 'angular'
    },
    'underscore': {
      exports: '_'
    },
    'angularRoute': ['angular'],
    'angularCookies': ['angular'],
    'bootstrap': ['jquery']
  },
  paths: {
    'requirejs': '../lib/requirejs/require',
    'jquery': '../lib/jquery/jquery',
    'underscore': '../lib/underscorejs/underscore',
    'angular': '../lib/angularjs/angular',
    'angularRoute': '../lib/angularjs/angular-route',
    'angularCookies': '../lib/angularjs/angular-cookies',
    'bootstrap': '../lib/bootstrap/js/bootstrap',
    'jsRoutes': '/jsroutes',
    'core': './core'
  },
  modules: [
    {
      name: 'core'
    }
  ]
});

そして最後に、これが私のcore.jsモジュールです。

define(['angular', 'angularRoute', 'underscore', 'bootstrap'], function() {
  // core dependencies are loaded...
});

activator clean stageコマンドラインから実行した後、ビルドされたcore.jsファイルに、指定したすべての依存関係が連結されて単一のファイルに縮小されることを望んでいましたが、それらのいずれも含まれていません。非 WebJar ファイルをcore.jsの依存関係として指定すると、正しく最適化されます。

私がやろうとしていることは可能ですか？私はかなりグーグルで調べてきましたが、どちらにしても明確な答えを見つけることができませんでした。

ありがとう！

4

1 に答える 1

1

Play 2.4.3 を使用しています。

addSbtPlugin("com.typesafe.sbt" % "sbt-rjs" % "1.0.7")plugins.sbt に追加

// rjs = RequireJS, uglifies, shrinks to one file, replaces WebJars with CDN
client accepts them
pipelineStages := Seq(rjs, digest, gzip)

私の build.sbt のこれは、bower JS と webjar に対してすべての縮小作業などを行います。

于 2016-06-14T14:54:43.813 に答える