这篇文章主要介绍vue如何使用vue-loader，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！vue-loader小技巧vue-loader 是处理 *.vue 文件的 webpack loader。它本身提供了丰富的 API，有些 API 很实用但很少被人熟知。例如接下来要介绍的 preserveWhitespace 和 transformToRequire1 用 preserveWhitespace 减少文件体积有些时候我们在写模板时不想让元素和元素之间有空格，可能会写成这样：当然还有其他方式，比如设置字体的 font-size: 0 ，免费云主机域名然后给需要的内容单独设置字体大小，目的是为了去掉元素间的空格。其实我们完全可以通过配置 vue-loader 实现这一需求。它的作用是阻止元素间生成空白内容，在 Vue 模板编译后使用 _v(” “) 表示。如果项目中模板内容多的话，它们还是会占用一些文件体积的。例如 Element 配置该属性后，未压缩情况下文件体积减少了近 30Kb。2 使用 transformToRequire 再也不用把图片写成变量了以前在写 Vue 的时候经常会写到这样的代码：把图片提前 require 传给一个变量再传给组件。其实通过配置 transformToRequire 后，就可以直接配置，这样vue-loader会把对应的属性自动 require 之后传给组件于是我们代码就可以简化不少在 vue-cli 的 webpack 模板下，默认配置是：以上是“vue如何使用vue-loader”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注百云主机行业资讯频道！
本篇内容介绍了“Java架构如何应用于不同的产品上”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！ 1. 不同系统不同语言之间的交互现在我们常见的不同系统不同语言…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
