Skip to content

[vue] vue-loader是什么?它有什么作用? #330

Open
@haizhilin2013

Description

@haizhilin2013
Collaborator

[vue] vue-loader是什么?它有什么作用?

Activity

Amazingman1

Amazingman1 commented on Jul 8, 2019

@Amazingman1

解析和转换 .vue 文件,提取出其中的逻辑代码 script、样式代码 style、以及 HTML 模版 template,再分别把它们交给对应的 Loader 去处理。

censek

censek commented on Nov 14, 2019

@censek

Vue Loader 是一个 webpack 的 loader,它允许你以一种名为单文件组件 (SFCs)的格式撰写 Vue 组件。
https://vue-loader.vuejs.org/zh/#vue-loader-%E6%98%AF%E4%BB%80%E4%B9%88%EF%BC%9F

simple5960

simple5960 commented on Jul 17, 2021

@simple5960

hahha

sc950828

sc950828 commented on Sep 23, 2022

@sc950828

模板转为渲染函数

Cai-zhiji

Cai-zhiji commented on Jul 7, 2023

@Cai-zhiji

vue-loader是Vue.js官方提供的一个Webpack加载器(loader),用于解析和转换.vue单文件组件。

作用

解析单文件组件:

vue-loader能够解析.vue文件,并提取其中的模板、脚本和样式等部分。它将.vue文件中的模板、样式和脚本提取为独立的模块,以便进行后续的处理和编译。

转换预处理器语言

vue-loader支持使用预处理器语言(如Sass、Less、Stylus等)编写组件的样式部分。它会将预处理器的代码转换为对应的CSS代码,以供浏览器解析和渲染。

处理模板编译:

vue-loader会将Vue组件的模板部分转换为渲染函数。这样,可以在运行时将组件的模板编译为虚拟DOM,并进行渲染。

提供模块热重载:

vue-loader支持Webpack的模块热重载功能,可以在开发过程中实时更新修改后的组件,无需刷新整个页面。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @haizhilin2013@sc950828@Amazingman1@censek@simple5960

        Issue actions

          [vue] vue-loader是什么?它有什么作用? · Issue #330 · haizlin/fe-interview