웹 팩 설정 eslint 검사

1571 단어 webpack
webpack.config.js
const {resolve} = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
    entry: './src/js/index.js',
    output: {
        filename: 'js/build.js',
        path: resolve(__dirname, 'build')
    },
    module: {
        rules: [
            /**
             *     : eslint-loader eslint
             *   :        ,            
             *       :
             *  package.json eslintConfig   
             *  "eslintConfig": {
             *      "extends": "airbnb-base"
             *   }
             *  airbnb --> eslint-config-airbnb-base eslint-plugin-import eslint
             */
            {
                test: /\.js$/,
                loader: 'eslint-loader',
                options: {
                    //     eslint   
                    fix: true
                },
                exclude: /node_modules/
            }
        ]
    },
    //   
    plugins: [
        new HtmlWebpackPlugin({
            template: "./src/index.html"
        }),
    ],
    //    development   , production   
    mode: 'development',
}

package.json
"eslintConfig": {
	"extends": "airbnb-base"
}

index.js
function add(x, y) {
  return x + y;
}

//    eslint       ,      eslint  
// eslint-disable-next-line
console.log(add(3, 5));

메모: nodejs 버 전 은 10 이상 이 좋 습 니 다.낮은 버 전의 nodejs 가 틀 릴 수 있 습 니 다.

좋은 웹페이지 즐겨찾기