webpack4 大纲概论-loaders（四）

https://v4.webpack.js.org/concepts/loaders/
loaders
模块源代码转换：
安装

cnpm install --save-dev css-loader ts-loader

配置：webpack.config.js

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

三种方法
1，webpack.config.js配置（推荐方法）
从右到左或者从下到上执行，如上面那个，先执行 ts-loader ,然后执行 css-loader
2，import的时候配置（不推荐，看文档去）
3，cli命令行配置（不推荐，看文档去）
特性：
1，可链式操作
2，同步或异步
3，可以使用options object 配置加载器（query参数支持，但已弃用）
4，普通模块还可以导出加载器（*）
5，插件可以给加载器提供更多功能（*）
6，加载器可以提供附加的任意文件（*）
从标准模块方案中加载，大多数情况下 npm node_modules，也可以自定义loaders，通常命名为 xxx-loader