添加electron基础代码

.npmrc

@@ -0,0 +1,2 @@
+electron_mirror=https://npm.taobao.org/mirrors/electron/
+registry=https://registry.npm.taobao.org

build/webpack.prod.conf.js

@@ -23,7 +23,7 @@ const webpackConfig = merge(baseWebpackConfig, {
   },
   devtool: config.build.productionSourceMap ? config.build.devtool : false,
   output: {
-    publicPath:'/',
+    publicPath: config.build.assetsPublicPath,
     path: config.build.assetsRoot,
     filename: utils.assetsPath('js/[name].[chunkhash].js'),
     chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')

index.html

@@ -9,11 +9,11 @@
 		<meta name="renderer" content="ie-stand">
 		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
 		<title>探索者|云建筑</title>
-		<script src="/static/js/velocity.min.1.5.0.js"></script>
-		<!-- <script src="./static/js/jquery-1.11.2.min.js"></script> -->
-		<script src="/static/js/jquery-2.1.1.min.js"></script>
-		<script src="/static/js/jsmind/jsmind.js"></script>
-		<script src="/static/js/jsmind/jsmind.draggable.js"></script>
+		<script src="static/js/velocity.min.1.5.0.js"></script>
+		<!-- <script src=".static/js/jquery-1.11.2.min.js"></script> -->
+		<script src="static/js/jquery-2.1.1.min.js"></script>
+		<script src="static/js/jsmind/jsmind.js"></script>
+		<script src="static/js/jsmind/jsmind.draggable.js"></script>
 		<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=2DK6dtgnxMCaFQDiTGwlCWtlIMybRWan"></script>
 		<link rel="stylesheet"  type="text/css" href="static/css/loadAnimation.css"/>
 	</head>

main.js

@@ -0,0 +1,61 @@
+// Modules to control application life and create native browser window
+const { app, BrowserWindow, protocol } = require('electron')
+const { request } = require('http')
+const path = require('path')
+const url = require('url')
+
+function createWindow() {
+  // Create the browser window.
+  const mainWindow = new BrowserWindow({
+    width: 800,
+    height: 600,
+    webPreferences: {
+      // preload: path.join(__dirname, 'preload.js')
+    }
+  })
+
+  // const startUrl = url.format({
+  //   pathname: path.join(__dirname, './dist/index.html'),
+  //   protocol: 'file:',
+  //   slashes: true
+  // });
+  // console.log('startUrl:', startUrl)
+  // and load the index.html of the app.
+  mainWindow.loadFile('./dist/index.html')
+
+  // Open the DevTools.
+  mainWindow.webContents.openDevTools()
+}
+
+// This method will be called when Electron has finished
+// initialization and is ready to create browser windows.
+// Some APIs can only be used after this event occurs.
+app.whenReady().then(() => {
+  createWindow()
+  protocol.interceptFileProtocol('file', (request, callback) => {
+    const reqUrl = request.url.replace(/file:[/\\]*/, '');
+    // 
+    let url = reqUrl;
+    const urls = reqUrl.split(/\/static\//);
+    if (urls.length > 1) {
+      url = path.resolve(__dirname, 'dist/static', urls.slice(1).join('/static/'));
+    }
+    // console.log('incomming url: ', reqUrl, '  resolved url:', url);
+    callback({ path: url });
+  })
+  app.on('activate', function () {
+    // On macOS it's common to re-create a window in the app when the
+    // dock icon is clicked and there are no other windows open.
+    if (BrowserWindow.getAllWindows().length === 0) createWindow()
+  })
+})
+
+// Quit when all windows are closed, except on macOS. There, it's common
+// for applications and their menu bar to stay active until the user quits
+// explicitly with Cmd + Q.
+app.on('window-all-closed', function () {
+  if (process.platform !== 'darwin') app.quit()
+})
+
+// In this file you can include the rest of your app's specific main process
+// code. You can also put them in separate files and require them here.

package.json

@@ -8,7 +8,9 @@
     "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
     "start": "npm run dev",
     "lint": "eslint --ext .js,.vue src",
-    "build": "node build/build.js"
+    "build": "node build/build.js",
+    "electron": "electron ./main.js",
+    "package": "electron-packager . --platform=win32 --arch=x64 --out ./electron_dist"
   },
   "dependencies": {
     "@xunlei/vue-context-menu": "^1.0.2",
@@ -42,6 +44,8 @@
     "chalk": "^2.0.1",
     "copy-webpack-plugin": "^4.0.1",
     "css-loader": "^0.28.0",
+    "electron": "^10.1.2",
+    "electron-packager": "^15.1.0",
     "eslint": "^4.15.0",
     "eslint-config-standard": "^10.2.1",
     "eslint-friendly-formatter": "^3.0.0",
@@ -84,7 +88,7 @@
     "last 2 versions",
     "not ie <= 8"
   ],
-  "main": ".eslintrc.js",
+  "main": "main.js",
   "keywords": [],
   "license": "ISC"
-}
+}