10.9Modules / No Webpack Loader Syntax

Webpackローダー構文を禁止

`import`文でWebpackローダー構文を禁止します。ローダー構文は`webpack.config.js`で使用することを推奨します。

`import 'css!sass!./style.scss'` のような構文は、コードを特定のビルドツール（この場合はWebpack）に密結合させてしまいます。将来的にビルドツールを変更する場合、これらの `import` 文をすべて書き直す必要が出てきます。ビルドに関する設定は、`webpack.config.js` のような設定ファイルに集約することで、コードのポータビリティと保守性を高めることができます。

❌ Bad

// bad
import fooSass from 'css!sass!foo.scss';
import barCss from 'style!css!bar.css';

✅ Good

// good
import fooSass from 'foo.scss';
import barCss from 'bar.css';