mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-07 12:33:47 +08:00
Tim van der Lippe
16aca394c5
Major update breaking changes: - ESLint 7.0.0 (https://eslint.org/docs/user-guide/migrating-to-7.0.0) now includes .eslint.rc.js in its list, which is fine for us. Other changes are not applicable for us. - eslint-plugin-mocha (https://github.com/lo1tuma/eslint-plugin-mocha/blob/master/CHANGELOG.md#700-may-13-2020) drops support for ESLint <7, but this CL updates to 7+. Other changes are not applicable for us. DISABLE_THIRD_PARTY_CHECK=Updating ESLint R=petermarshall@chromium.org Change-Id: I7760e084ef87f73a92f9ea4e075fb4c065047f5a Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2534873 Commit-Queue: Tim van der Lippe <tvanderlippe@chromium.org> Reviewed-by: Peter Marshall <petermarshall@chromium.org>
37 lines
1.0 KiB
Markdown
37 lines
1.0 KiB
Markdown
# import/no-webpack-loader-syntax
|
|
|
|
Forbid Webpack loader syntax in imports.
|
|
|
|
[Webpack](https://webpack.js.org) allows specifying the [loaders](https://webpack.js.org/concepts/loaders/) to use in the import source string using a special syntax like this:
|
|
```js
|
|
var moduleWithOneLoader = require("my-loader!./my-awesome-module");
|
|
```
|
|
|
|
This syntax is non-standard, so it couples the code to Webpack. The recommended way to specify Webpack loader configuration is in a [Webpack configuration file](https://webpack.js.org/concepts/loaders/#configuration).
|
|
|
|
## Rule Details
|
|
|
|
### Fail
|
|
|
|
```js
|
|
import myModule from 'my-loader!my-module';
|
|
import theme from 'style!css!./theme.css';
|
|
|
|
var myModule = require('my-loader!./my-module');
|
|
var theme = require('style!css!./theme.css');
|
|
```
|
|
|
|
### Pass
|
|
|
|
```js
|
|
import myModule from 'my-module';
|
|
import theme from './theme.css';
|
|
|
|
var myModule = require('my-module');
|
|
var theme = require('./theme.css');
|
|
```
|
|
|
|
## When Not To Use It
|
|
|
|
If you have a project that doesn't use Webpack you can safely disable this rule.
|