在Cypress中加载已转译的Vue组件中的CSS样式表

module.exports = {
  chainWebpack: config => {
    config.module
      .rule('vue')
      .use('vue-loader')
      .tap(options => {
        options.transformAssetUrls = {
          'style': 'src',
        };
        return options;
      });
  },
};

<template>
  <div class="my-component">
    <!-- 组件内容 -->
  </div>
</template>

<script>
export default {
  // 组件逻辑
}
</script>

<style scoped>
@import './styles.css';
</style>

describe('MyComponent', () => {
  it('should load CSS styles', () => {
    cy.visit('/path/to/my-component');
    cy.get('.my-component').should('have.css', 'background-color', 'rgb(255, 0, 0)');
  });
});