首页 > 其他 > 详细

打包相关

时间:2019-01-17 14:43:02      阅读:118      评论:0      收藏:0      [点我收藏+]
  • 当使用单文件组件时,组件内的 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 决定是否启用生产环境模式,默认情况为开发环境模式。

打包相关

原文:https://www.cnblogs.com/qq3279338858/p/10281962.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!