如何在ReactJS项目中使用webpack预加载第三方的css和js文件？

npm install webpack webpack-cli --save-dev
npm install style-loader css-loader --save-dev

const path = require('path');

module.exports = {
  entry: './src/index.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js',
  },
  module: {
    rules: [
      {
        test: /\.css$/,
        use: ['style-loader', 'css-loader'],
      },
    ],
  },
};

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css'; // 引入自定义的css文件

// 引入第三方的css和js文件
import 'third-party-library/dist/style.css';
import 'third-party-library/dist/script.js';

ReactDOM.render(<App />, document.getElementById('root'));

{
  "scripts": {
    "build": "webpack --mode production"
  }
}

npm run build