【CSS3】css开篇基础（5）

在Vue 3项目中集成normalize.scss，你可以按照以下步骤操作：

安装normalize.css：

pnpm install normalize.css

在你的Vue 3项目中，你可以在main.js或main.ts文件中全局导入normalize.css：

import 'normalize.css/normalize.css';



// ... 其他代码



createApp(App).mount('#app');

或者，如果你想要更细粒度地控制，你可以在vue.config.js中配置scss以使用normalize.scss：

// vue.config.js

module.exports = {

  css: {

    loaderOptions: {

      scss: {

        additionalData: `@import "~normalize.css/normalize.scss";`

      }

    }

  }

};

这样配置后，你的Vue 3项目会自动使用normalize.scss，无需在每个组件中单独导入。