從零開始學VUE之Webpack(什麼是Loader)

從零開始學VUE之Webpack(什麼是Loader)

什麼是loader

• loader是webpack中一個很是核心的概念
• webpack用來作什麼呢

• • 在咱們以前的實例中,咱們主要是用webpack來處理咱們寫的JS代碼,而且webpack會自動處理JS之間相關聯的依賴
  • 可是,在開發中咱們不單單有基本的JS代碼處理,咱們也須要加載CSS,圖片,也包括一些高級的ES6轉ES5代碼,將TypeScript轉ES5代碼,將scss,less轉css,將.vue轉成.js文件
  • 對於webpack自己的能力來講,對於這些轉化是不支持的
  • 那咋麼辦呢?給webpack擴展對應的loader就能夠了

• loader使用過程

• • 經過npm安裝須要使用的loader
  • 在webpack.config.js中 的modules關鍵字下進行配置

• 大部分loader咱們均可以在webpack的官網中找到,而且學習對應的用法