在Play 2.3.x应用程序中使用sbt-rjs从WebJars优化JS

时间:2015-02-09 02:13:53

标签: playframework requirejs webjars sbt-web sbt-rjs

是否可以通过WebJars使用我的应用程序中包含的Play 2.3应用程序concat / optimize JS(使用sbt-rjs)?
举一个具体的例子:我正在尝试创建一个 core.js 模块,它包含我在单个文件中连接和缩小的所有第三方库,然后可以将其指定为其他AMD模块的依赖项。
通过WebJars包含这些库会很棒下载源“手动”。

这是我的 build.sbt 文件中的一个片段,我在其中指定了我的webjar依赖项:

// 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 的依赖项,它会对此进行正确优化。

我正在尝试做什么?我一直在谷歌上搜索,无论如何都找不到明确的答案。

谢谢!

1 个答案:

答案 0 :(得分:1)

我正在使用Play 2.4.3。

var LABELS = {0 : '...', 1 : '...', ...} 添加到plugins.sbt

addSbtPlugin("com.typesafe.sbt" % "sbt-rjs" % "1.0.7")

这在我的build.sbt中为缩小JS和webjars做了所有缩小的工作等。