refactor

.electron-vue/webpack.renderer.config.js

@@ -5,6 +5,7 @@ process.env.BABEL_ENV = 'renderer'
 const path = require('path')
 const { dependencies } = require('../package.json')
 const webpack = require('webpack')
+const config = require('../config/index.js')
 
 const BabiliWebpackPlugin = require('babili-webpack-plugin')
 const CopyWebpackPlugin = require('copy-webpack-plugin')
@@ -74,8 +75,17 @@ let rendererConfig = {
           }
         }
       },
+      {
+        test: /\.svg$/,
+        loader: 'svg-sprite-loader',
+        include: [path.join(__dirname, '../src/renderer/icons')],
+        options: {
+          symbolId: 'icon-[name]'
+        }
+      },
       {
         test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
+        exclude: [path.join(__dirname, '../src/renderer/icons')],
         use: {
           loader: 'url-loader',
           query: {
@@ -110,6 +120,9 @@ let rendererConfig = {
   },
   plugins: [
     new ExtractTextPlugin('styles.css'),
+    new webpack.DefinePlugin({
+      'process.env': config.dev.env
+    }),
     new HtmlWebpackPlugin({
       filename: 'index.html',
       template: path.resolve(__dirname, '../src/index.ejs'),

.gitignore

@@ -3,6 +3,7 @@ dist/electron/*
 dist/web/*
 build/*
 !build/icons
+package-lock.json
 node_modules/
 npm-debug.log
 npm-debug.log.*

README.md

@@ -1,8 +1,10 @@
-# my-project
+# electron-vue-admin
 
 > An electron-vue project
 
-#### Build Setup
+This is a vue electron admin project base on  [vueAdmin-template](https://github.com/PanJiaChen/vueAdmin-template) , and was generated from [electron-vue](https://github.com/SimulatedGREG/electron-vue) using [vue-cli](https://github.com/vuejs/vue-cli). Documentation about this project can be found [here](https://simulatedgreg.gitbooks.io/electron-vue/content/index.html).
+
+## Build Setup
 
 ``` bash
 # install dependencies
@@ -11,15 +13,20 @@ npm install
 # serve with hot reload at localhost:9080
 npm run dev
 
-# build electron application for production
+# build electron app for production
 npm run build
 
-
-# lint all JS/Vue component files in `src/`
+# lint all JS/Vue component files in `app/src`
 npm run lint
 
+# run webpack in production
+npm run pack
 ```
-
 ---
 
-This project was generated with [electron-vue](https://github.com/SimulatedGREG/electron-vue)@[7c4e3e9](https://github.com/SimulatedGREG/electron-vue/tree/7c4e3e90a772bd4c27d2dd4790f61f09bae0fcef) using [vue-cli](https://github.com/vuejs/vue-cli). Documentation about the original structure can be found [here](https://simulatedgreg.gitbooks.io/electron-vue/content/index.html).
+
+## Demo
+
+![](https://github.com/PanJiaChen/PanJiaChen.github.io/blob/master/images/electron-login.png)
+
+![](https://github.com/PanJiaChen/PanJiaChen.github.io/blob/master/images/electron-admin.gif)

config/dev.env.js

@@ -0,0 +1,4 @@
+module.exports = {
+  NODE_ENV: '"development"',
+  BASE_API: '"https://easy-mock.com/mock/5950a2419adc231f356a6636/vue-admin"'
+}

config/index.js

@@ -0,0 +1,8 @@
+module.exports = {
+  build: {
+    env: require('./prod.env')
+  },
+  dev: {
+    env: require('./dev.env')
+  }
+}

config/prod.env.js

@@ -0,0 +1,4 @@
+module.exports = {
+  NODE_ENV: '"production"',
+  BASE_API: '"https://easy-mock.com/mock/5950a2419adc231f356a6636/vue-admin"'
+}