如何使用Webpack和Angular将全局css样式与in-js组件样式放在一起？

ng new my-app

cd my-app
npm install webpack webpack-cli --save-dev

module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/,
        use: [
          { loader: 'style-loader' },  // 将CSS样式添加到DOM中
          { loader: 'css-loader' }     // 处理CSS文件中的url()等
        ]
      }
    ]
  }
};

// 组件样式文件
import './path/to/styles.css';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']  // 此处仅为局部样式
})
export class ExampleComponent {
  // 组件逻辑
}