https://github.com/ecomfe/fecs-loader
fecs loader (for webpack)
https://github.com/ecomfe/fecs-loader
Last synced: 11 months ago
JSON representation
fecs loader (for webpack)
- Host: GitHub
- URL: https://github.com/ecomfe/fecs-loader
- Owner: ecomfe
- Created: 2016-03-18T05:08:51.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2019-10-10T10:09:30.000Z (over 6 years ago)
- Last Synced: 2025-06-30T15:05:20.456Z (about 1 year ago)
- Language: JavaScript
- Size: 21.5 KB
- Stars: 7
- Watchers: 9
- Forks: 3
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# fecs-loader [](https://travis-ci.org/MoOx/eslint-loader)
fecs loader (for webpack) —— webpack中的fecs检查工具
## Usage
安装fecs-loader
```shell
$ npm install fecs-loader
```
如果less/css/js文件都check，可直接在原有webpack.config.js配置中的module.rules的基础上加多一项
```js
{
test: /\.(less|css|js)$/,
use: ['fecs-loader']
}
```
或者只针对某一类文件check，可在原有的loader配置中添加fecs-loader，如：
```js
{
test: /\.js$/,
use: ['fecs-loader']
},
{
test: /\.css$/,
use: [
'style-loader',
'css-loader',
'fecs-loader'
]
},
{
test: /\.less$/,
use: [
'style-loader',
'css-loader',
'less-loader',
'fecs-loader'
]
}
```
因为webpack的loader调用的顺序是从后往前的，所以为了fecs-loader能check最原始的代码，请将fecs-loader放置在数组的最后
## Options
可以直接将参数加在loader后，形如```fecs-loader?key=value```，也可以将参数写在loader的options中形如：
```js
{
test: /\.js$/,
use: [
{
loader: 'fecs-loader',
options: {
failOnError: true,
exclude: './index.js'
}
}
]
}
```
### ```failOnError```(default: false)
是否在fecs检测到模块内容有error时使模块编译失败，若failOnError为true则模块内容遇到fecs error时模块内容将不出现在编译结果中
### ```failOnWarning```(default: false)
是否在fecs检测到模块内容有warning时使模块编译失败，若failOnWarning为true则模块内容遇到fecs warning时模块内容将不出现在编译结果中
### ```exclude```（default: ''）
指定要忽略的```glob```文件模式，如```./index.js,./src/config/*.js```，文件模式若有多条，模式之间使用逗号```,```分隔
### Example
```
module.exports = {
module: {
rules: [
{
test: /\.(less|css|js|vue)$/,
use: [
loader: 'fecs-loader',
options: {
failOnError: true,
failOnWarning: true,
exclude: './index.js,./index2.js'
}
]
}
]
}
};
```