webpack的基本使用(五)加载器loader

loader的概述

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

  loader加载器的作用:协助webpack打包处理特定的文件模块。比如:

  •   css-loader可以打包处理.css相关的文件
  •       less-loader可以打包处理.less相关的文件
  •       bable-loader可以打包处理webpack无法处理的高级JS

  在webpack中一切皆模块 所有的文件都可以通过ES6语法进行导入 包括引入css文件

  

 

  安装和使用css-loader和style-loader

   

 

  1、安装css-loader 和 style-loader 

  

 配置less  loader 

   

 

posted @ 2023-03-30 09:12  洛飞  阅读(81)  评论(0编辑  收藏  举报