Question

我有一个脚本我用来代理一个实时网站，所以我可以用它来处理它的CSS。它的工作原理是用重写的本地css文件替换在线css文件。

这不是理想的。如果我可以在他们的文件下面注入一个全新的文件会好得多。

是否可以修改此脚本，以便添加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>';
        },

使用代理的browsersync注入css文件

1 个答案: