Loader

Loader存在的意义

在webpack工作的基础上，只能理解JavaScript和JSON文件；Loader能够让webpack处理其他类型的文件，并将他们转换为有效模块。

Loader工作的基础也就是属性

• 先设置好，识别出哪些文件需要转换；
• 在设置其要转换到什么类型，就是使用什么loader进行转换；

使用方法

-例如，你可以使用 loader 告诉 webpack 加载 CSS 文件，或者将 TypeScript 转为 JavaScript。为此，首先安装相对应的 loader：

npm install --save-dev css-loader ts-loader

• 然后指示 webpack 对每个 .css 使用 [css-loader]，以及对所有 .ts 文件使用 [ts-loader]：

module.exports = {
  module: {
    rules: [
      { test: /.css$/, use: 'css-loader' },
      { test: /.ts$/, use: 'ts-loader' },
    ],
  },
};