头部下拉列表增加微件 增加dev命令

Author: songyumeng

build/server.js

@@ -0,0 +1,53 @@
+const path = require('path');
+const express = require('express');
+const open = require("open");
+const serveIndex = require('serve-index')
+
+
+const webpack = require('webpack');
+const webpackDevMiddleware = require('webpack-dev-middleware');
+const product = process.argv[2] || 'leaflet';
+const config = require(`./webpack.config.${product}.js`);
+const entry = [`./src/${product}/index.js`];
+if (['leaflet', 'openlayers'].includes(product)) {
+  entry.push(`./src/${product}/css/index.js`);
+}
+config.mode = 'development';
+config.entry = entry;
+config.output.filename = `iclient9-${product}-es6.js`
+config.devtool = 'cheap-module-eval-source-map';
+
+
+const compiler = webpack(config);
+const app = module.exports = express();
+const instance = webpackDevMiddleware(compiler, {
+  publicPath: `/dist/${product}`,
+  stats: {
+    colors: true
+  }
+});
+app.use(instance);
+
+const server = app.listen(9999, () => {
+  const host = server.address().address;
+  const port = server.address().port;
+  console.log('Example app listening at http://%s:%s', host, port);
+});
+
+app.use(express.static('web'));
+app.use("/examples/template/header.html", express.static('web/template/header.html'));
+app.use("/examples", express.static('examples'), serveIndex('examples'));
+app.use("/dist", express.static('dist'), serveIndex('dist'));
+app.use("/build", express.static('build'), serveIndex('build'));
+app.use("/docs", express.static('docs'), serveIndex('docs'));
+app.use("/web", express.static('web'), serveIndex('web'));
+
+app.use("/en/examples/template/header.html", express.static('web/en/web/template/header.html'));
+app.use("/en/examples", express.static('examples'), serveIndex('examples'));
+app.use("/en/docs", express.static('docs'), serveIndex('docs'));
+app.use("/en/dist", express.static('dist'), serveIndex('dist'));
+app.use("/en/build", express.static('build'), serveIndex('build'));
+app.use("/en", express.static('web/en'), serveIndex('web/en'));
+instance.waitUntilValid(() => {
+  open(`http://localhost:9999/examples/${product}`);
+});

examples/locales/en-US/resources.js

@@ -73,6 +73,7 @@ window.examplesResources = {
             "analysis": "Analysis",
             "clientSpatialAnalyst": "Client Spatial Analysis",
             "control": "Control",
+            "widgets": "Widgets",
             "OGC": "OGC",
             "mapping": "Third Party Map",
             "others": "Others",

examples/locales/zh-CN/resources.js

@@ -45,6 +45,7 @@ window.examplesResources = {
             "analysis": "分析",
             "clientSpatialAnalyst": "客户端分析",
             "control": "控件",
+            "widgets": "微件",
             "OGC": "OGC",
             "mapping": "互联网地图",
             "others": "其他",

package.json

@@ -9,6 +9,7 @@
     "exampletest": "examples-test"
   },
   "scripts": {
+    "dev": "node ./build/server.js",
     "lint": "eslint src",
     "release": "npm run release-leaflet && npm run release-openlayers && npm run release-mapboxgl  && npm run release-classic",
     "release-leaflet": "npm run release-leaflet-es5 && npm run release-leaflet-es6",
@@ -73,6 +74,7 @@
     "eslint": "^4.6.1",
     "eslint-loader": "^2.0.0",
     "eslint-plugin-import": "^2.8.0",
+    "express": "^4.16.3",
     "extract-text-webpack-plugin": "^4.0.0-beta.0",
     "file-loader": "^1.1.11",
     "get-pixels": "^3.3.0",
@@ -89,16 +91,19 @@
     "karma-jasmine": "^1.1.0",
     "karma-teamcity-reporter": "^1.0.0",
     "nightwatch": "^0.9.5",
+    "open": "0.0.5",
     "pngjs": "^3.3.0",
     "request": "^2.83.0",
     "selenium-server": "^2.53.1",
+    "serve-index": "^1.9.1",
     "shelljs": "^0.7.6",
     "style-loader": "^0.13.1",
     "uglify-es": "^3.3.9",
     "url-loader": "^1.0.1",
     "watchify": "^3.9.0",
     "webpack": "^4.1.1",
     "webpack-cli": "^2.0.12",
+    "webpack-dev-middleware": "^3.2.0",
     "webpack-node-externals": "^1.6.0"
   },
   "dependencies": {