打包时，css 默认会打包为独⽴⽂件，这样会增加⻚⾯的请求数量，由于项⽬单个⻚⾯组件的 css 体积通 常不是很⼤，可以设置为⾏内引⼊⽅式，以减少⽹⻚请求次数。 设置⽅式： // vue.config.js module.exports = { css: { extract: false }, … } 未设置时的打包结果： css 打包为单独⽂件

设置后的打包结果： css 不再单独打包，⽽是打包到 js ⽂件内部，最终会以内嵌式引⼊到⻚⾯中。