如何专门编译的OpenLayers 3

Question

我已经创造了3的OpenLayers一个新的来源，因为远程源不是WMS是工作方式类似于ol.source.ImageWMS但经过修改的请求结构的自定义源。

当与ol-debug.js一起使用或者与OpenLayers库一起编译为custom build时，新的源代码可以正常工作。

但我想要的是完全编译我的扩展，然后将其包含在我的项目中作为OpenLayers的扩展。

例如

<script src="ol.js"></script> 
<script src="imageSpecialSource.js"></script> 

我试图排除某些库符号名称/模式下的JSON配置文件中的出口部分。但包括编译后的js文件将使OpenLayers发生错误。

Uncaught TypeError: a.cf is not a function 

那么，是否有可能独自编译一个自定义扩展，然后将其作为单独的文件包含在内？

Answer 1

首先，请了解更多最新的教程，该教程解释了如何编译OpenLayers 3以及您自己的库。请参阅：http://openlayers.org/en/v3.14.1/doc/tutorials/closure.html

编译过程需要一个config.json文件。下面是从上面的教程中的配置文件的一个片段：

{ 
    "lib": [ 
    "node_modules/openlayers/src/**/*.js", 
    "node_modules/openlayers/build/ol.ext/**/*.js", 
    "src/**/*.js" 
    ], 
    "compile": { 
    "closure_entry_point": "app", 
    "externs": [ 
     "node_modules/openlayers/externs/bingmaps.js", 
     "node_modules/openlayers/externs/closure-compiler.js", 
     "node_modules/openlayers/externs/geojson.js", 
     "node_modules/openlayers/externs/proj4js.js", 
     "node_modules/openlayers/externs/tilejson.js", 
     "node_modules/openlayers/externs/topojson.js" 
    ], 
    ... 

看到，在它里面有什么lib被编在一起，那是的OpenLayers和自己的自定义代码。

然后，看看externs部分。这些定义的externs文件允许代码在ol3中使用，而不需要Closure Compiler抱怨它本来不知道的类和方法。

为了编译代码没有OL3，你可以从lib栏目中删除，并添加在externs的ol3 extern file代替。在ol3中，该文件位于build/ol-externs.js。如果没有的话，你可以通过运行生成它：

node tasks/generate-externs.js build/ol-externs.js

你可以看看OL3 - 谷歌 - 地图库，正是这么做的。它dist/ol3gm.js文件不包含的OpenLayers：https://github.com/mapgears/ol3-google-maps/

看json的配置文件，它被命名为ol3gm.json： https://github.com/mapgears/ol3-google-maps/blob/master/build/ol3gm.json。你会看到在那里使用了ol-externs.js文件。