eslint 入门项目搭建过程

github 地址 : https://github.com/gebin/eslint-demo

运行该项目

npm install

npm start

访问 :9000

一步一步构建该项目

一开始我想整一个项目,测试一下eslint是怎么玩的,然后我想要基于webpack,因为大部分项目我们是基于webpack来创建的。

于是我新建了一个项目,npm init,一直enter下去,生成了一个package.json,这个文件用来记录需要的node模块。

然后我开始安装需要的node模块,首先是webpack,npm install webpack --save-dev。

然后我开始查找eslint 和webpack如何结合?

在eslint的官网, ,我发现了Build Systems --》Webpack: eslint-loader。

我开始按照eslint-loader的说明安装, npm install eslint-loader --save-dev,同时当然需要安装eslint了,npm install eslint --save-dev。

然后我们来配置一下webpack.config.js也就是webpack的配置文件,HtmlWebpackPlugin是用来生成对应index.html入口文件,默认加载我们编译好的js。

1 const path = require('path'); 2 let HtmlWebpackPlugin = require('html-webpack-plugin') 3 module.exports = { 4 entry: './index.js', 5 output: { 6 path: path.resolve(__dirname, 'dist'), 7 filename: 'eslint.bundle.js' 8 }, 9 plugins:[ 10 new HtmlWebpackPlugin(), 11 ] 12 };

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zyyxzd.html