Skip to content

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

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
haizhilin2013 opened this issue Jun 20, 2019 · 5 comments
Open

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

haizhilin2013 opened this issue Jun 20, 2019 · 5 comments
Labels
vue vue

Comments

@haizhilin2013
Copy link
Collaborator

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

@haizhilin2013 haizhilin2013 added the vue vue label Jun 20, 2019
@Amazingman1
Copy link

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

@censek
Copy link

censek commented Nov 14, 2019

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
Copy link

hahha

@sc950828
Copy link

模板转为渲染函数

@Cai-zhiji
Copy link

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
Labels
vue vue
Projects
None yet
Development

No branches or pull requests

6 participants