74

是否可以通过 WebJars 将 Play 2.3 应用程序 concat/optimize JS（使用 sbt-rjs）包含在我的应用程序中？
举一个具体的例子：我正在尝试创建一个core.js模块，其中包含我所有的 3rd 方库，这些库在单个文件中连接和缩小，然后可以将其指定为其他 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 的依赖项，它确实会正确优化。

我正在尝试做的事情可能吗？我一直在谷歌搜索，但无论哪种方式都无法找到明确的答案。

谢谢！

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 中完成了所有的收缩工作等，以凉亭 JS 和 webjars。

于 2016-06-14T14:54:43.813 回答