【update】eslint

Author: songyumeng

build/webpack.config.base.js

@@ -1,16 +1,16 @@
-var webpack = require('webpack');
-var ExtractTextPlugin = require('extract-text-webpack-plugin');
+const webpack = require('webpack');
+const ExtractTextPlugin = require('extract-text-webpack-plugin');
+const ESLintPlugin = require('eslint-webpack-plugin');
 const pkg = require('../package.json');
 
 //包版本(ES6或者ES5)
-let moduleVersion = process.env.moduleVersion || "es5";
+let moduleVersion = process.env.moduleVersion || 'es5';
 
 //打包公共配置
 module.exports = {
-
     moduleVersion: moduleVersion,
 
-    mode: "production",
+    mode: 'production',
     //页面入口文件配置
     entry: {},
 
@@ -19,7 +19,7 @@ module.exports = {
         return {
             path: `${__dirname}/../dist/${libName}/`,
             filename: `${fileName}.js`
-        }
+        };
     },
 
     //是否启用压缩
@@ -37,34 +37,25 @@ module.exports = {
     },
 
     externals: {
-        'echarts': 'function(){try{return echarts}catch(e){return {}}}()',
-        'mapv': "function(){try{return mapv}catch(e){return {}}}()",
-        'elasticsearch': 'function(){try{return elasticsearch}catch(e){return {}}}()'
+        echarts: 'function(){try{return echarts}catch(e){return {}}}()',
+        mapv: 'function(){try{return mapv}catch(e){return {}}}()',
+        elasticsearch: 'function(){try{return elasticsearch}catch(e){return {}}}()'
     },
 
     module: {
         rules: {
             img: {
                 //图片小于80k采用base64编码
                 test: /\.(png|jpg|jpeg|gif|woff|woff2|svg|eot|ttf)$/,
-                use: [{
-                    loader: 'url-loader',
-                    options: {
-                        limit: 150000
+                use: [
+                    {
+                        loader: 'url-loader',
+                        options: {
+                            limit: 150000
+                        }
                     }
-                }]
-            },
-
-            eslint: {
-                test: [/\.js$/],
-                exclude: /node_modules/,
-                enforce: 'pre',
-                loader: 'eslint-loader',
-                options: {
-                    failOnError: true
-                }
+                ]
             },
-
             css: {
                 test: /\.css$/,
                 use: ExtractTextPlugin.extract({
@@ -76,7 +67,6 @@ module.exports = {
         }
     },
 
-
     bannerInfo: function (libName) {
         return `
          ${libName}.(${pkg.homepage})
@@ -89,8 +79,9 @@ module.exports = {
     plugins: function (libName, productName) {
         return [
             new webpack.BannerPlugin(this.bannerInfo(productName)),
-             new ExtractTextPlugin(`./${productName}.css`),
-            new webpack.NoEmitOnErrorsPlugin()
-        ]
+            new ExtractTextPlugin(`./${productName}.css`),
+            new webpack.NoEmitOnErrorsPlugin(),
+            new ESLintPlugin({ failOnError: true, files: 'src' })
+        ];
     }
-};
+};

build/webpack.config.classic.js

@@ -26,7 +26,6 @@ module.exports = {
     module: {
         rules: (function () {
             let moduleRules = [];
-            moduleRules.push(configBase.module.rules.eslint);
             if (configBase.moduleVersion === "es5") {
                 //打包为es5相关配置
                 moduleRules.push({

build/webpack.config.leaflet.js

@@ -31,7 +31,6 @@ module.exports = {
         rules: (function () {
             let moduleRules = [];
             moduleRules.push(configBase.module.rules.img);
-            moduleRules.push(configBase.module.rules.eslint);
             if (configBase.moduleVersion === "es5") {
                 //打包为es5相关配置
                 moduleRules.push({

build/webpack.config.mapboxgl.js

@@ -35,7 +35,6 @@ module.exports = {
     rules: (function() {
       let moduleRules = [];
       moduleRules.push(configBase.module.rules.img);
-      moduleRules.push(configBase.module.rules.eslint);
       if (configBase.moduleVersion === 'es5') {
         //打包为es5相关配置
         moduleRules.push({

build/webpack.config.openlayers.js

@@ -48,7 +48,6 @@ module.exports = {
         rules: (function() {
             let moduleRules = [];
             moduleRules.push(configBase.module.rules.img);
-            moduleRules.push(configBase.module.rules.eslint);
             if (configBase.moduleVersion === 'es5') {
                 //打包为es5相关配置
                 moduleRules.push({

package.json

@@ -75,9 +75,9 @@
     "cross-env": "^7.0.2",
     "css-loader": "^3.2.0",
     "es3ify-loader": "^0.2.0",
-    "eslint": "^6.8.0",
-    "eslint-loader": "^3.0.2",
-    "eslint-plugin-import": "^2.18.2",
+    "eslint": "^7.11.0",
+    "eslint-plugin-import": "^2.22.1",
+    "eslint-webpack-plugin": "^2.1.0",
     "express": "^4.16.3",
     "extract-text-webpack-plugin": "^4.0.0-beta.0",
     "get-pixels": "^3.3.0",