css-code-insert-loader

主要功能：在指定的css预处理器（sass,less等）上的头部或特定地方注入通用代码

安装

npm i -D css-code-insert-loader

用法

将该loader放于各css预处理器loader之后，下面以sass为例

{
  test: /\.scss$/,
  include: [path.resolve(__dirname, './src')],
  use: [
    'style-loader',
    'css-loader',
    'sass-loader',
    {
      loader: 'css-code-insert-loader',
      options: {
        include: [path.resolve(__dirname, './src/container')],
        exclude: [path.resolve(__dirname, './src/container/xx')]
        data: function ({ filePath }) {
          return '$blue: blue;'
        }
      }
    }
  ]
}

如上例所写，该loader将会给container目录下(排除container/xx目录)的所有后缀为scss的文件头部注入$blue: blue;的代码。 （注意：当代码中含有/* warning css-code-insert */的注释后，代码将不再注入头部，而将会替换注释）

options下可使用属性