zoukankan      html  css  js  c++  java
  • 关于Vue-loader的那些事儿

    什么是Vue-loader

    一个webpack的加载器,负责将vue组件编译成普通的JavaScript模块。

    关于webpack的介绍
    这里呢?用到webpack,在项目的编译打包的过程中,将复杂的 注入依赖的模块 进行打包处理,形成 静态的资源文件。也就是说,我们有很多的JS模块,他们之间相互联系,但是作为浏览器,并不能将其直接运行,所以我们需要将其打包到一个可以通过script标签引入的独立文件。

    Vue的组件规范

    一个 *.vue 文件是一种自定义的文件格式,主要包括templatescriptstyle三个主要的顶级语言块,
    vue-loader解析文件,提取每一个语言快=块,组装到CommonJS模块。

    语言块
    template -> 默认使用html,每个vue文件只能包含一个template模块,内容作为字符串提取,用来编译Vue组件的template选项
    script -> 默认使用JS,如果检测到(babel-loader,会自动支持ES2015),最多只能有一个script模块,打包之后就是在js的环境下执行
    style -> 默认使用css,可以支持多个style标签,选择使用scoped或者module属性,封装当前的组件样式,通常被style-loader提取
    sroped其css只应用于当前的组件元素中

    热更新

    也就是将我们编辑的页面的实时的应用加载

    资源url处理:在默认情况下,vue-loader会自动处理样式和模板文件。例如,url(./ image.png)将被翻译为require('./ image.png')

    https://www.cnblogs.com/yuyujuan/p/9813099.html

    没想到用script标签会结束文档

  • 相关阅读:
    P1064 金明的预算方案
    P1164 小A点菜
    P1346 电车
    01背包二进制优化
    2018暑期多校1
    牛课第二次多校I
    STL
    Reachability from the Capital
    P2921 [USACO08DEC]在农场万圣节Trick or Treat on the Farm
    P3387 【模板】缩点
  • 原文地址:https://www.cnblogs.com/Indomite/p/13256530.html
Copyright © 2011-2022 走看看