wepack中loader的分类

loader种类

loader分为四类

分别是：

1.前置 pre2.行内 inline3.普通 normal4.后置 post

Rule.enforce

enforce 属性会影响 loader 种类。不论是普通的，前置的，后置的 loader。

可能的值有："pre" | "post"

module: {	
    rules: [	
      {	
        test: /\.less$/,	
        use: 'less-loader',	
        enforce: 'pre'	
      },	
     {	
        test: /\.less$/,	
        use: 'css-loader'	
      },	
     {	
        test: /\.less$/,	
        use: 'style-loader',	
        enforce: 'post'	
      }	
    ]	
  }

指定 loader 种类。没有值表示是普通 loader。

行内loader

还有一个额外的种类"行内 loader"，loader 被应用在 import/require 行内。

所有 loader 通过 前置, 行内, 普通, 后置 排序，并按此顺序使用。

所有普通 loader 可以通过在请求中加上 ! 前缀来忽略（覆盖）。

require('!inline-loader!./a.js')

所有普通和前置 loader 可以通过在请求中加上 -! 前缀来忽略（覆盖）。

require('-!inline-loader!./a.js')

所有普通，后置和前置 loader 可以通过在请求中加上 !! 前缀来忽略（覆盖）。

require('!!inline-loader!./a.js')

它们可在由 loader 生成的代码中使用。

loader的执行顺序

所有 loader 通过 前置, 行内, 普通, 后置 排序，并按此顺序使用。

完