原文地址 1 什么是 vue-loader vue-loader 是一个 webpack 的 loader，它允许你以一种名为单文件组件的格式撰写 Vue 组件。 2 如何使用 vue-loader 2.1 安装 {代码...} 2.2 配置 webapck {代码...} 2.3 创建一个 Vue 组件 一个标准的 Vue 组件可以分为三部分： template: 模板 script: 脚本 stype: 样式 {代码...} 2.4 ...

原文地址 前言 webpack loaders 系列文章： 10 分钟搞定 file-loader 10 分钟搞定 url-loader 搞定 style-loader 什么是 style-loader style-loader 的功能就一个，在 DOM 里插入一个 <style> 标签，并且将 CSS 写入这个标签内。 简单来说就是这样： {代码...} 稍后会详细分析源码，看看和我们的思路是否一致。 如...

url-loader 会将引入的文件进行编码，生成 DataURL，相当于把文件翻译成了一串字符串，再把这个字符串打包到 JavaScript。

简单来说，file-loader 就是在 JavaScript 代码里 import/require 一个文件时，会将该文件生成到输出目录，并且在 JavaScript 代码里返回该文件的地址。