打包相关

Posted 2021-02-04 qq3279338858

• 当使用单文件组件时，组件内的 CSS 会以 <style> 标签的方式通过 javascript 动态注入。这有一些小小的运行时开销，如果你使用服务端渲染，这会导致一段“无样式内容闪烁 (fouc)”。将所有组件的 CSS 提取到同一个文件可以避免这个问题，也会让 CSS 更好地进行压缩和缓存。
  • vue/cli默认情况下，生产模式中css会根据js打包的分割方式分割独立的css文件。
  • 生产模式和开发模式对css的处理是不同的，开发模式css是通过对应的js模块嵌入到html种的。
  • css和js的引入，后引入的写在head的尾部。css会覆盖掉前面引入的样式；js才有强制引入和预引入机制。
  • 在一个项目中应该避免业务性程序员写独立样式
• 每个模块被打包到 bundle 之前都由一个相应的“loader”来转换，Vue 也提供 vue-loader 插件来执行 .vue 单文件组件 的转换。
• 当使用 webpack 或 Browserify 类似的构建工具时，Vue 源码会根据 process.env.NODE_ENV 决定是否启用生产环境模式，默认情况为开发环境模式。