ホームページ >ウェブフロントエンド >フロントエンドQ&A >反応でlessが機能しない場合はどうすればよいですか?
解決策: 1.「npm install -gless」を使用してプラグインをインストールし、less を CSS に変換し、変換されたディレクトリで「lesscless file css file」コマンドを使用します。 node_modules "ディレクトリ内の「lessOptions」の内容を変更するだけです。
このチュートリアルの動作環境: Windows 10 システム、react17.0.1 バージョン、Dell G3 コンピューター。
方法 1: プラグインをインストールしてless を CSS に変換する
npm install -g less
次に、変換する必要があるディレクトリを入力します。変換する場合は (例: cd .\src\pages\login\)、次のコマンドを入力します:
例:lessc login.less login.css
ただし、この方法では一時的にしか解決できません。
方法 2: node_modules ディレクトリに移動し、react-scripts -> config -> webpack.config.js を見つけて、内容:
css-loader を参照し、less-loader を構成します~~
推奨学習: 「react ビデオ チュートリアル 」
以上が反応でlessが機能しない場合はどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。