df378d33ef
Some checks failed
CI / go (push) Waiting to run
CI / docker (push) Waiting to run
CI / lint-go (push) Waiting to run
CI / lint-docs (push) Waiting to run
CI / check-paperclip (push) Waiting to run
Deploy static site / Deploy to GitHub Pages (push) Has been cancelled
Deploy static site / Deploy via Docker to hatch.surf (push) Has been cancelled
Resolved conflicts by taking GitHub versions for: - .dockerignore, .gitignore, Dockerfile, README.md, docker-compose.yml Kept deploy.sh updated to: - Pull from GitHub (primary source) - Push to Gitea (push-mirror) - Build from site/ directory (GitHub structure) Co-Authored-By: Paperclip <noreply@paperclip.ing>
40 lines
1.1 KiB
Markdown
40 lines
1.1 KiB
Markdown
# import/no-webpack-loader-syntax
|
|
|
|
<!-- end auto-generated rule header -->
|
|
|
|
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.
|