vue项目 打包成功为什么没有css资源

There could be several reasons why the CSS resources are not being included in the Vue project's build:

1. Check the build configuration: Make sure that the build configuration is set up correctly to include CSS files. In the Vue project's vue.config.js file, ensure that the css.extract option is set to true:

module.exports = {
  // ...
  css: {
    extract: true
  }
}

2. Import CSS files: Ensure that the CSS files are properly imported in the Vue components. Make sure that the CSS files are imported using the import statement in the component that requires them.

// Example.vue
<template>
  <div>
    <!-- ... -->
  </div>
</template>

<script>
import "@/path/to/styles.css"; // Import CSS file

export default {
  // ...
}
</script>

<style>
/* Component-specific styles */
</style>

3. Check for CSS pre-processors: If you are using a CSS pre-processor like SCSS or Less, make sure that your build configuration is set up to handle them correctly. You may need to configure additional loaders or plugins to process and extract the CSS files during the build.

4. Check the file extension: Ensure that the CSS files have the correct file extension (e.g., .css) and are not mistakenly given a different extension.

5. Check the build output: After the project is built, check the build output directory to ensure that the CSS files are actually generated. The CSS files are typically located in the dist folder or the folder specified in the build configuration.

If none of these solutions work, please provide more information about your project setup and any error messages you are encountering for further assistance