webpack package config modified

Author: fudax

.babelrc

@@ -1,21 +1,39 @@
 {
   "presets": [
-    ["env", {
-      "modules": false,
-      "targets": {
-        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
+    [
+      "env",
+      {
+        "modules": false,
+        "targets": {
+          "browsers": [
+            "> 1%",
+            "last 2 versions",
+            "not ie <= 8"
+          ]
+        }
       }
-    }],
+    ],
     "stage-2",
-    ["es2015", {
-      "modules": false
-    }]
+    [
+      "es2015",
+      {
+        "modules": false
+      }
+    ]
+  ],
+  "plugins": [
+    "transform-vue-jsx",
+    "syntax-dynamic-import"
   ],
-  "plugins": ["transform-vue-jsx", "syntax-dynamic-import"],
   "env": {
     "test": {
-      "presets": ["env", "stage-2"],
-      "plugins": ["istanbul"]
+      "presets": [
+        "env",
+        "stage-2"
+      ],
+      "plugins": [
+        "istanbul"
+      ]
     }
   }
-}
+}

.gitignore

@@ -1,7 +1,6 @@
 .DS_Store
 node_modules/
 npm-debug.log
-*-lock.json
 test/unit/coverage
 test/e2e/reports
 selenium-debug.log

README.md

@@ -22,7 +22,7 @@
     npm run build
 
 # License
-    BSD 3-Clause
+    BSD 3-Clause (基于fex-team/kityminder-core，并非kityminder-editor)
 ```
 
 ### 最近比较忙，抽空我再更新一下代码和说明，建议大家自己先研究，加油！

build/dev-server.js

@@ -13,12 +13,8 @@ var webpack = require('webpack')
 var proxyMiddleware = require('http-proxy-middleware')
 var webpackConfig = require('./webpack.dev.conf')
 
-// default port where dev server listens for incoming traffic
 var port = process.env.PORT || config.dev.port
-// automatically open browser, if not set will be false
 var autoOpenBrowser = !!config.dev.autoOpenBrowser
-// Define HTTP proxies to your custom API backend
-// https://github.com/chimurai/http-proxy-middleware
 var proxyTable = config.dev.proxyTable
 
 var app = express()
@@ -32,7 +28,6 @@ var devMiddleware = require('webpack-dev-middleware')(compiler, {
 var hotMiddleware = require('webpack-hot-middleware')(compiler, {
   log: () => {}
 })
-// force page reload when html-webpack-plugin template changes
 compiler.plugin('compilation', function (compilation) {
   compilation.plugin('html-webpack-plugin-after-emit', function (data, cb) {
     hotMiddleware.publish({ action: 'reload' })
@@ -42,7 +37,6 @@ compiler.plugin('compilation', function (compilation) {
   })
 })
 
-// proxy api requests
 Object.keys(proxyTable).forEach(function (context) {
   var options = proxyTable[context]
   if (typeof options === 'string') {
@@ -51,17 +45,10 @@ Object.keys(proxyTable).forEach(function (context) {
   app.use(proxyMiddleware(options.filter || context, options))
 })
 
-// handle fallback for HTML5 history API
 app.use(require('connect-history-api-fallback')())
-
-// serve webpack bundle output
 app.use(devMiddleware)
-
-// enable hot-reload and state-preserving
-// compilation error display
 app.use(hotMiddleware)
 
-// serve pure static assets
 var staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory)
 app.use(staticPath, express.static('./static'))
 

build/utils.js

@@ -4,11 +4,11 @@ var ExtractTextPlugin = require('extract-text-webpack-plugin')
 const packageConfig = require('../package.json')
 
 exports.assetsPath = function (_path) {
-    var assetsSubDirectory = process.env.NODE_ENV === 'production' ?
-      config.build.assetsSubDirectory :
-      config.dev.assetsSubDirectory
-    return path.posix.join(assetsSubDirectory, _path)
-  },
+  var assetsSubDirectory = process.env.NODE_ENV === 'production' ?
+    config.build.assetsSubDirectory :
+    config.dev.assetsSubDirectory
+  return path.posix.join(assetsSubDirectory, _path)
+},
 
   exports.createNotifierCallback = () => {
     const notifier = require('node-notifier')

build/webpack.base.conf.js

@@ -30,45 +30,52 @@ module.exports = {
   },
   module: {
     rules: [{
-        test: /\.vue$/,
-        loader: 'vue-loader',
-        options: vueLoaderConfig
-      },
-      {
-        test: /\.js$/,
-        loader: 'babel-loader',
-        include: [
-          resolve('src'),
-          resolve('test'),
-          resolve('node_modules/element-ui/packages'),
-          resolve('node_modules/element-ui/src'),
-          resolve('node_modules/webpack-dev-server/client')
-        ]
-      },
-      {
-        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
-        loader: 'url-loader',
-        options: {
-          limit: 10000,
-          name: utils.assetsPath('img/[name].[hash:7].[ext]')
-        }
-      },
-      {
-        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
-        loader: 'url-loader',
-        options: {
-          limit: 10000,
-          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
-        }
-      },
-      {
-        test: /\.scss$/,
-        loaders: ["style-loader", "css-loader", "sass-loader"]
-      },
-      {
-        test: /.md$/,
-        loader: "text-loader"
+      test: /\.vue$/,
+      loader: 'vue-loader',
+      options: vueLoaderConfig
+    },
+    {
+      test: /\.js$/,
+      loader: 'babel-loader',
+      include: [
+        resolve('src'),
+        resolve('test'),
+        resolve('node_modules/element-ui/packages'),
+        resolve('node_modules/element-ui/src'),
+        resolve('node_modules/element-ui/src'),
+        resolve('node_modules/hotbox/src'),
+        resolve('node_modules/jquery/src'),
+        resolve('node_modules/marked/lib'),
+        resolve('node_modules/kity/src'),
+        resolve('node_modules/codemirror/src'),
+        resolve('node_modules/kityminder-core/src'),
+        resolve('node_modules/json-diff/lib')
+      ]
+    },
+    {
+      test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
+      loader: 'url-loader',
+      options: {
+        limit: 10000,
+        name: utils.assetsPath('img/[name].[hash:7].[ext]')
       }
+    },
+    {
+      test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
+      loader: 'url-loader',
+      options: {
+        limit: 10000,
+        name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
+      }
+    },
+    {
+      test: /\.scss$/,
+      loaders: ["style-loader", "css-loader", "sass-loader"]
+    },
+    {
+      test: /.md$/,
+      loader: "text-loader"
+    }
     ]
   },
   plugins: [

build/webpack.dev.conf.js

@@ -19,35 +19,35 @@ module.exports = merge(baseWebpackConfig, {
   mode: 'development',
   module: {
     rules: [{
-        test: /\.less$/,
-        use: [
-          'vue-style-loader',
-          {
-            loader: 'css-loader',
-            options: {
-              sourceMap: config.dev.cssSourceMap
-            }
-          },
-          {
-            loader: 'less-loader'
-          },
-          'postcss-loader'
-        ]
-      },
-      {
-        test: /\.css$/,
-        use: [
-          'vue-style-loader',
-          {
-            loader: 'css-loader',
-            options: {
-              importLoaders: 1,
-              sourceMap: config.dev.cssSourceMap
-            }
-          },
-          'postcss-loader'
-        ]
-      }
+      test: /\.less$/,
+      use: [
+        'vue-style-loader',
+        {
+          loader: 'css-loader',
+          options: {
+            sourceMap: config.dev.cssSourceMap
+          }
+        },
+        {
+          loader: 'less-loader'
+        },
+        'postcss-loader'
+      ]
+    },
+    {
+      test: /\.css$/,
+      use: [
+        'vue-style-loader',
+        {
+          loader: 'css-loader',
+          options: {
+            importLoaders: 1,
+            sourceMap: config.dev.cssSourceMap
+          }
+        },
+        'postcss-loader'
+      ]
+    }
     ]
   },
   devtool: config.dev.devtool,
@@ -57,7 +57,7 @@ module.exports = merge(baseWebpackConfig, {
       rewrites: [{
         from: /.*/,
         to: path.posix.join(config.dev.assetsPublicPath, 'index.html')
-      }, ],
+      },],
     },
     hot: true,
     contentBase: false,
@@ -67,7 +67,6 @@ module.exports = merge(baseWebpackConfig, {
     open: config.dev.autoOpenBrowser,
     overlay: config.dev.errorOverlay ?
       {
-        warnings: false,
         errors: true
       } :
       false,

build/webpack.prod.conf.js

@@ -17,26 +17,26 @@ var webpackConfig = merge(baseWebpackConfig, {
   module: {
     rules: [
       {
-          test: /\.less$/,
-          use: [
-              MiniCssExtractPlugin.loader,
-              'css-loader',
-              'less-loader',
-              'postcss-loader'
-          ]
+        test: /\.less$/,
+        use: [
+          MiniCssExtractPlugin.loader,
+          'css-loader',
+          'less-loader',
+          'postcss-loader'
+        ]
       },
       {
-          test: /\.css$/,
-          use: [
-              MiniCssExtractPlugin.loader,
-              {
-                  loader: 'css-loader',
-                  options: {
-                      importLoaders: 1
-                  }
-              },
-              'postcss-loader'
-          ]
+        test: /\.css$/,
+        use: [
+          MiniCssExtractPlugin.loader,
+          {
+            loader: 'css-loader',
+            options: {
+              importLoaders: 1
+            }
+          },
+          'postcss-loader'
+        ]
       }
     ]
   },
@@ -47,16 +47,16 @@ var webpackConfig = merge(baseWebpackConfig, {
     chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
   },
   optimization: {
-    splitChunks: { 
+    splitChunks: {
       cacheGroups: {
         commons: {
           test: /[\\/]node_modules[\\/]/,
           name: 'vendors',
           chunks: 'all'
         }
       }
-    }, 
-    runtimeChunk: { 
+    },
+    runtimeChunk: {
       name: 'runtime'
     }
   },
@@ -72,7 +72,6 @@ var webpackConfig = merge(baseWebpackConfig, {
         show_copyright: false,
         comments: false,
         compress: {
-          warnings: false,
           drop_debugger: true,
           drop_console: false
         }