Why需要loaders?

webpack開箱即用只支持JS和JSON兩種文件類型，但是比如css、less，還有目前市場(chǎng)上比較新的語法糖jsx，怎么處理呢？

通過Loaders去支持其他文件類型并且把它們轉(zhuǎn)化為有效的模塊，并且可以添加到依賴圖中。

本身是一個(gè)函數(shù)，也就是接受源文件作為參數(shù)，返回轉(zhuǎn)換的結(jié)果。

常見的loaders有哪些呢？

babel-loader ： 轉(zhuǎn)換es6、es7等js新特性語法

css-loader? ： 支持.css文件的加載和解析，轉(zhuǎn)換成commonjs對(duì)象

style-loader ： 將樣式通過<style>標(biāo)簽插入到head中

less-loader ： 將less文件轉(zhuǎn)換成css

ts-loader ： 將typescript文件轉(zhuǎn)換為js

file-loader ： 進(jìn)行圖文、文字等的打包

raw-loader ： 將文件已字符串的形式導(dǎo)入

thread-loader ： 多進(jìn)程打包js和css

?

?注意事項(xiàng)：webpack.config.js文件中配置module時(shí)，引入css-loader和style-loader的順序，先寫style-loader，

原因是：loader的調(diào)用是鏈?zhǔn)秸{(diào)用，它的執(zhí)行順序是從右到左的。

?

?

如有理解不對(duì)，請(qǐng)各位大神糾正

轉(zhuǎn)載于:https://www.cnblogs.com/luckyXcc/p/11332744.html

總結(jié)

以上是生活随笔為你收集整理的【原】webpack--loaders，主要解释为什么需要loaders和注意事项的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。