javascript - 使用代理浏览器同步注入(inject) css 文件

Question

我有一个用于代理实时网站的脚本，因此我可以处理它的 CSS。它的工作原理是通过重写将在线 css 文件替换为本地 css 文件。

这并不理想。如果我能在他们的文件下面注入(inject)一个全新的文件就更好了。

是否可以修改此脚本，使其添加 css 文件而不是重写它。

var browserSync = require('browser-sync');

browserSync({
  proxy: 'http://example.com/',
  files: ['build/**'],
  serveStatic: ['build'],
  rewriteRules: [
      {
        match: new RegExp('/css/example.css'),
        fn: function() {
          return '/my.css';
        }
      }
  ]
});

所以基本上我想在 example.css 下面添加 my.css 而不是替换它。

Answer 1

我通过替换结束标记让它工作:

match: new RegExp('<\/head>'),
        fn: function() {
          return '<link rel="stylesheet" type="text/css" href="https://example.com/test.css" media="all" /></head>';
        },