Table of Contents

• How Loaders Work
• css-loader
• style-loader
• babel-loader
• dsv-loader

How Loaders Work discussion

Loaders can be chained by passing multiple loaders, which will be applied from right to left (last to first configured).

css-loader loader

The css-loader interprets @import and url() like import/require() and will resolve them. Actually do nothing with it.

style-loader loader

• Adds CSS to the DOM by injecting a <style> tag

babel-loader loader

• Note the version compatibility

# webpack 3.x | babel-loader 8.x | babel 7.x
npm install babel-loader@8.0.0-beta.0 @babel/core @babel/preset-env webpack

# webpack 3.x babel-loader 7.x | babel 6.x
npm install babel-loader babel-core babel-preset-env webpack

dsv-loader loader