loader 之样式加载

css-loader 用于加载 .css 文件，并且转换成 commonjs 对象 style-loader 将样式通过 <style> 标签插入 head 中

  module: {
    rules: [
      {
        test: /.js$/,
        use: 'babel-loader'
      },
      {
        test: /.css$/,
        // 执行顺序从右到左，先 s-loader 解析css后传给 style-loader
        use: 'style-loader',
        use: 'css-loader'
      }
    ]
  }

less-loader 在上述配置中加入

      {
        test: /.less$/,
        use: 'style-loader',
        use: 'css-loader',
        use: 'less-loader'
      }