Vue webpack 加载器与单文件组件

我是表哥Harker，表妹我来咯~

 

webpack 中的加载器 

1、通过 loader 打包非 js 模块 

• 在实际开发过程中，webpack 默认只能打包处理以 .js 后缀名结尾的模块
• 其他非 .js 后缀名结尾的模块，webpack 默认处理不了，需要调用 loader 加载器才可以正常打包，否则会报错！ 

 loader 加载器可以协助 webpack 打包处理特定的文件模块，比如： 

• less-loader 可以打包处理 .less 相关的文件 
• sass-loader 可以打包处理 .scss 相关的文件 
• url-loader 可以打包处理 css 中与 url 路径相关的文件 
• babel 可以处理高级js语法，ES6中的 （webpack介绍篇章已经使用过了）

 

2、loader 的调用过程 

3、webpack 中加载器的基本使用 

• CSS 
• LESS 
• SCSS 
• PostCSS 
• JavaScript 
• Image/Font 
• Vue