• 提取组件的 CSS

    提取组件的 CSS

    当使用单文件组件时,组件内的 CSS 会以 <style> 标签的方式通过 JavaScript 动态注入。这有一些小小的运行时开销,如果你使用服务端渲染,这会导致一段“无样式内容闪烁 (fouc)”。将所有组件的 CSS 提取到同一个文件可以避免这个问题,也会让 CSS 更好地进行压缩和缓存。

    查阅这个构建工具各自的文档来了解更多:

    • webpack + vue-loader (vue-cli 的 webpack 模板已经预先配置好)
    • Browserify + vueify
    • Rollup + rollup-plugin-vue