📙 add eslint

Author: Plortinus

.eslintrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+  'extends': 'vue',
+  'env': {
+    'browser': true,
+    'node': true
+  }
+};

package.json

@@ -8,25 +8,28 @@
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
   },
   "dependencies": {
-    "element-ui": "^1.1.6",
-    "vue": "^2.1.10"
+    "element-ui": "^1.2.3",
+    "vue": "^2.2.1"
   },
   "devDependencies": {
-    "babel-core": "^6.22.1",
-    "babel-loader": "^6.2.10",
+    "babel-core": "^6.23.1",
+    "babel-loader": "^6.3.2",
     "babel-preset-es2015": "^6.22.0",
-    "cross-env": "^3.1.4",
-    "css-loader": "^0.26.1",
-    "extract-text-webpack-plugin": "^2.0.0-rc.2",
-    "file-loader": "^0.10.0",
+    "cross-env": "^3.2.3",
+    "css-loader": "^0.26.2",
+    "extract-text-webpack-plugin": "^2.1.0",
+    "file-loader": "^0.10.1",
     "glob": "^7.1.1",
-    "html-loader": "^0.4.4",
+    "html-loader": "^0.4.5",
     "html-webpack-plugin": "^2.28.0",
-    "style-loader": "^0.13.1",
-    "url-loader": "^0.5.7",
-    "vue-loader": "^10.3.0",
-    "vue-template-compiler": "^2.1.10",
+    "style-loader": "^0.13.2",
+    "url-loader": "^0.5.8",
+    "vue-loader": "^11.1.4",
+    "vue-template-compiler": "^2.2.1",
     "webpack": "^2.2.1",
-    "webpack-dev-server": "^2.3.0"
+    "webpack-dev-server": "^2.4.1",
+    "eslint": "^3.17.0",
+    "eslint-config-vue": "^2.0.2",
+    "eslint-plugin-vue": "^2.0.1"
   }
 }

webpack.config.js

@@ -1,28 +1,32 @@
-const { join, resolve } = require('path');
-const webpack = require('webpack');
-const glob = require('glob');
+const { join, resolve } = require('path')
+const webpack = require('webpack')
+const glob = require('glob')
 
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-const ExtractTextPlugin = require('extract-text-webpack-plugin');
-const CommonsChunkPlugin = require('webpack/lib/optimize/CommonsChunkPlugin');
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const ExtractTextPlugin = require('extract-text-webpack-plugin')
+const CommonsChunkPlugin = require('webpack/lib/optimize/CommonsChunkPlugin')
 
-let entries = {};
-let chunks = [];
-getEntriesAndChunks();
+const entries = {}
+const chunks = []
+glob.sync('./src/pages/**/*.js').forEach(function (name) {
+  const n = name.slice(name.lastIndexOf('src/') + 10, name.length - 3)
+  entries[n] = [name]
+  chunks.push(n)
+})
 
-let config = {
+const config = {
   entry: entries,
   output: {
     path: resolve(__dirname, './dist'),
     filename: '[name].js',
     publicPath: '/'
   },
   resolve: {
-    //配置别名，在项目中可缩减引用路径
+    // 配置别名，在项目中可缩减引用路径
     extensions: ['.js', '.vue'],
     alias: {
-      assets: join(__dirname,'/src/assets'),
-      components: join(__dirname,'/src/components'),
+      assets: join(__dirname, '/src/assets'),
+      components: join(__dirname, '/src/components'),
       root: join(__dirname, 'node_modules')
     }
   },
@@ -87,53 +91,36 @@ let config = {
       '/api': {
         target: 'http://127.0.0.1:8080',
         changeOrigin: true,
-        pathRewrite: {'^/api' : ''}
+        pathRewrite: { '^/api': '' }
       }
-    },
+    }
   },
   devtool: '#eval-source-map'
-};
+}
 
-const pages = getHtmls();
-pages.forEach(function (pathname) {
+glob.sync('./src/pages/**/*.html').forEach(function (name) {
+  const pathname = name.slice(name.lastIndexOf('src/') + 4, name.length - 5)
   // filename 用文件夹名字
-  var conf = {
-    filename: pathname.substring(6, pathname.length - 4) + '.html', //生成的html存放路径，相对于path
-    template: 'src/' + pathname + '.html', //html模板路径
-  };
-  var chunk = pathname.substring(6, pathname.length);
+  const conf = {
+    filename: pathname.substring(6, pathname.length - 4) + '.html', // 生成的html存放路径，相对于path
+    template: 'src/' + pathname + '.html' // html模板路径
+  }
+  const chunk = pathname.substring(6, pathname.length)
   if (chunks.indexOf(chunk) > -1) {
-    conf.inject = 'body';
-    conf.chunks = ['vendors', chunk];
+    conf.inject = 'body'
+    conf.chunks = ['vendors', chunk]
   }
   if (process.env.NODE_ENV === 'production') {
-    conf.hash = true;
+    conf.hash = true
   }
-  conf.favicon = './src/assets/img/logo.png';
-  config.plugins.push(new HtmlWebpackPlugin(conf));
-});
-
-module.exports = config;
+  conf.favicon = './src/assets/img/logo.png'
+  config.plugins.push(new HtmlWebpackPlugin(conf))
+})
 
-function getEntriesAndChunks() {
-  glob.sync('./src/pages/**/*.js').forEach(function (name) {
-    var n = name.slice(name.lastIndexOf('src/') + 10, name.length -3);
-    entries[n] = [name];
-    chunks.push(n);
-  });
-}
-
-function getHtmls() {
-  var htmls = [];
-  glob.sync('./src/pages/**/*.html').forEach(function (name) {
-    var n = name.slice(name.lastIndexOf('src/') + 4, name.length - 5);
-    htmls.push(n);
-  });
-  return htmls;
-}
+module.exports = config
 
 if (process.env.NODE_ENV === 'production') {
-  module.exports.devtool = '#source-map';
+  module.exports.devtool = '#source-map'
   // http://vue-loader.vuejs.org/en/workflow/production.html
   module.exports.plugins = (module.exports.plugins || []).concat([
     new webpack.DefinePlugin({
@@ -146,5 +133,5 @@ if (process.env.NODE_ENV === 'production') {
         warnings: false
       }
     })
-  ]);
+  ])
 }