インポートを通じて外部 CSS を導入するときに vue プロジェクトがエラーを報告した場合はどうすればよいですか?

vue プロジェクトがインポートを通じて外部 CSS を導入するときのエラーの解決策: まず、関連するコンテンツを [webpack.config.js] に追加し、追加後に再度 npm run dev を実行し、 jsonファイル内の[css-loader] データを待ってインストールします。

このチュートリアルの動作環境: Windows 7 システム、Vue バージョン 2.9.6。この方法は、すべてのブランドのコンピューターに適しています。

vue プロジェクトはインポートを通じて外部 CSS を導入し、エラーを報告します:

vue は webpack-simple を通じてプロジェクトを生成し、外部 CSS を導入し、エラーを報告します:

1. 次の内容を webpack.config.js に追加し、npm run dev

{
        test:/\.css$/,
        loader:'style-loader!css-loader'
 },
{
        test: /.woff|.woff2|.svg|.eot|.ttf/,
        use: 'url-loader?prefix=font/&limit=10000'
 }

2 を再試行します。css-loader がjson ファイル、style-loader、url-loader が npm install (-D) でインストールされていない場合は、そのままインストールしてください。

関連する学習に関する推奨事項 (無料): JavaScript 学習チュートリアル

以上がインポートを通じて外部 CSS を導入するときに vue プロジェクトがエラーを報告した場合はどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。