按照grunt-eslint的默认配置,发生了“Parsing error: ‘import’ and ‘export’ may appear only with ‘sourceType: module’”错误,直接崩溃,后查阅多方文档,发现是解析器引发的错误,改进的配置如下:
1. 启用eslintrc文件
修改Gruntfile中的babel
eslint: {
options: {
quiet: false,
// configFile: 'eslint.json',
// 可以将Eslint的规则配置内容放置在此文件中
// 但测试发现,eslintrc完全可以配置所有内容
outputFile: 'eslint.log', // eslint检查结果的输出日志
useEslintrc: true // 启用eslintrc文件,非常重要
},
all: {
files: {
src: ['src/es6/**/*.js'] // 需要校验的文件
}
},
// target: ['Gruntfile.js']
}
2. 配置eslintrc文件
在.babelrc文件中添加如下配置
{
"extend": ["eslint:recommended"],
"parser": "babel-eslint", // 必须指定解析器,否则错误难消
"env": {
"amd": true,
"es6": true,
"browser": true,
"node": false
},
"rules": {
// 添加各类校验规则
}
}
现在错误就可彻底消除了,更多配置内容,请参见eslint官方文档。
3. 项目示例
更多ES6代码示例及相关实践,请参见我的项目,更请大家不吝指正。