1

複数のクライアント html ファイルで usemin を使用しようとしています。for ループを介して各クライアントの usemin 機能を追加しています。

私は次の HTML と CSS のアプローチを利用しました。

initConfig.usemin[key+'-html'] = {
  options: {
      assetsDirs : [
        clients[key].dist,
        clients[key].dist+'/assets/images',
        clients['shared'].dist,
        clients['shared'].dist+'/assets/images'
      ],
      type:'html',
      patterns: {
        js: [
          [/(assets\/images\/.*?\.(?:gif|jpeg|jpg|png|webp|svg))/gm, 'Update the JS to reference our revved images']
        ]
      }
  },
  files: {
      src: [
          clients[key].dist+'/{,*/}*.html'
      ]
  }
};
initConfig.usemin[key+'-css'] = {
  options: {
      assetsDirs : [
        clients[key].dist,
        clients[key].dist+'/assets/images',
        clients['shared'].dist,
        clients['shared'].dist+'/assets/images'
      ],
      type:'css',
      patterns: {
        js: [
          [/(assets\/images\/.*?\.(?:gif|jpeg|jpg|png|webp|svg))/gm, 'Update the JS to reference our revved images']
        ]
      }
  },
  files: {
      src: [
          clients[key].dist+'/{,*/}*.css'
      ]
  }
};

残念ながら、私はこの JS を動作させることができません:

initConfig.usemin[key+'-js'] = {
  options: {
      assetsDirs : [
        clients[key].dist,
        clients[key].dist+'/assets/images'
      ],
      type:'js',
      patterns: {
        js: [
          [/(assets\/images\/.*?\.(?:gif|jpeg|jpg|png|webp|svg))/gm, 'Update the JS to reference our revved images']
        ]
      }
  },
  files: {
      src: [
          clients[key].dist+'/{,*/}*.js'
      ]
  }
};

次のエラーが表示されます。

Warning: Unsupported pattern: js Use --force to continue.

何か案は?

ここに記載されているソリューションが 1 つのクライアントで機能することをテストしましたが、複数のクライアントを独自の index.html ファイルで使用していて、上記と同じエラーが発生します。

grunt usemin に JS を更新させて、revved 画像を参照させるにはどうすればよいですか?

4

0 に答える 0