webpack的loaders是一大特色，也是很重要的一部分。下面介紹一些常用的loader。

loaders之 js處理

1. babel-loader

2. jsx-loader

npm install --save-dev babel-core babel-preset-es2015 babel-loader jsx-loader

loaders之預處理

1. css-loader 處理css中路徑引用等問題

2. style-loader 動態把樣式寫入css

3. sass-loader scss編譯器

4. less-loader less編譯器

5. postcss-loader scss再處理

npm install --save -dev css-loader style-loader sass-loader less-loader postcss-loader

loaders之 json處理

• json-loader

npm install --save-dev json-loader

loaders之 圖片處理

• url-loader

npm install --save-dev url-loader

loaders之 文件處理

• file-loader

npm install --save-dev file-loader

loaders之 html處理

• raw-loader

npm install --save-dev raw-loader

更多angular1/2、ionic1/2、react、微信小程序等技術文章、視頻教程和開源項目，請關注微信公眾號——ionic實戰 。