详解webpack loader

webpack loader用于转换各种代码，比如loader可以将ts转为js、将内联图像转为data URL，以及可以直接import各种文件。

安装需要的loader

cnpm i -D css-loader ts-loader

loader还支持sass, less, stylus, coffeescript等。

配置loader

为不同文件配置不同的loader：

webpack.config.js

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

ref

1. https://www.webpackjs.com/loaders/