javascript - 在嵌入式设备上缩小 javascript/css，无法引入工具链

Question

我正在使用 Wt 的嵌入式设备上运行 Web 服务器，它是一个 javascript 密集型网站。我使用 chroot 环境进行编译、制作包(基于 deb)和安装。我需要一种在不使用第三方工具(uglify 需要 NodeJS、npm、Java)的情况下缩小 javascript/css 的方法，我可以在其中使用 CMAKE 并调用命令行可执行文件来为我完成此操作。我发现了一些 shell 脚本(perl、bash)，但是当缩小时我的 javascript 有很多无法解释的错误。

我的堆栈上有什么:

• perl 5.8.8
• bash 3.2.39

• python 2.7.5

• 没有 Java

如果您还需要任何其他信息，请告诉我。谢谢!

我尝试过的:

• https://github.com/Aralhach/bashobfus/tree/master 。代码不会像 uglify 那样缩小，只是删除制表符和空格，没有一行缩小。不知道 perl 可以解决这个问题。
• YUI 使用 java - 无法使用
• Uglify 使用节点 - 无法使用
• 闭包编译器(压缩器)使用 java - 无法使用
• sed 脚本 - 某些原因破坏了我的 javascript 语法并导致错误

Answer 1

你有能力运行perl吗？我不确定它是否可以从 cmake 执行(这就是我现在正在搜索的信息)，但在构建 esp8266 Web 内容时，我一直在使用缩小的 Web 内容保存到闪存中。我使用 CPAN 库构建了一个脚本来缩小 html、css 和 javascript，并将它们放入 .h 头文件中，我可以从主代码中读取它们。

我将 Web 文件放在 www 结构下，然后将缩小的内容映射到/gz/子目录下，并指定类型的目录。 (例如 gz/htm、gz/js、gz/css)，然后我的服务器使用适当的编码和 url 转换发送。大多数浏览器都支持 gzip 内容，它使我能够更快地从嵌入式设备发送网页内容。

#!/usr/bin/perl

use CSS::Packer;
use JavaScript::Packer;
use HTML::Packer;
use File::Slurp;
use Gzip::Faster;
use MIME::Types;


my $outfile = "src/webfiles.h";
my $webdir = "www";
my $find_exe = "/usr/bin/find";
my $xxdexe = "/usr/bin/xxd -i";
my $findcmd = $find_exe . " " . $webdir . " -type f ";

my $mt = MIME::Types->new();
my $files = open(FINDSTRM, "$findcmd|") || die $!;
my @filelist;
while($line = <FINDSTRM>) {
   chomp($line);
   if($line =~ /^$webdir(.*)\/([^\.\/]+)\.(\w{2,4})$/) {
      my %fileinfo;
      $fileinfo{path} = "$1/$2.$3";
      $fileinfo{dir} = $1;
      $fileinfo{name} = $2;
      $fileinfo{ext} = $3;
      my $type =  $mt->mimeTypeOf($fileinfo{ext});
      $fileinfo{type} = $type->{MT_type};

      my $bindat;
      if($type->{MT_type} eq "text/html") {
         print "html minifying $line\n";
         my $html = read_file($line);
         my $packer = HTML::Packer->init();
         my $htmin = $packer->minify( \$html, { remove_newlines => 1, remove_comments => 1, do_javascript => 'best', do_stylesheet => 'minify' } ); 
         $bindat = gzip($htmin);
      }
      if($type->{MT_type} eq "text/css") {
         print "css minifying $line\n";
         my $css = read_file($line);
         my $packer = CSS::Packer->init();
         my $cssmin = $packer->minify(\$css, { compress => 'minify', remove_comments => 1 } );
         $bindat = gzip($cssmin);
      }
      if($type->{MT_type} eq "application/javascript") {
         print "javascript minifying $line\n";
         my $js = read_file($line);
         my $packer = JavaScript::Packer->init();
         my $jsmin = $packer->minify(\$js, { compress => 'best', remove_comments => 1, remove_copyright => 1 } );
         $bindat = gzip($jsmin);
      }

      # other text based formats
      if( $type->{MT_type} eq "text/plain" ) {
         print "compressing text in $line\n";
         my $asc = read_file($line);
         $bindat = gzip($asc);
      }

      if(length($bindat) == 0) {
         print "raw reading $line\n";
         $bindat = read_file($line, { binmode => ':raw' });
         $fileinfo{enc} = '';
      } else {
         $fileinfo{enc} = 'gzip';
      }

      {
         use bytes;
         $fileinfo{len} = length($bindat);
      }
      $tfile = "/tmp/tmpfile";
      write_file( $tfile, {binmode => ':raw'}, $bindat );
      open(INXXD, "$xxdexe < $tfile |") || die $!;
      $fileinfo{hexdat} = do { local $/; <INXXD> };
      close INXXD;
      $fileinfo{hexdat} =~ s/^\s+|\s+$//g;
      push(@filelist,\%fileinfo);
  }
}
close FINDSTRM;

open(OUTFILE, ">", $outfile) || die $!;
print OUTFILE "\n#include \"Flash.h\"\n\n";

$count = 1;
foreach $f (@filelist) {
   print OUTFILE "FLASH_ARRAY(uint8_t, file_" . $count . ",\n";
   print OUTFILE "  " . $f->{hexdat};
   print OUTFILE ");\n\n";
   $count++;
}

print OUTFILE "struct t_websitefiles {\n";
print OUTFILE "  const char* path;\n";
print OUTFILE "  const char* mime;\n";
print OUTFILE "  const unsigned int len;\n";
print OUTFILE "  const char* enc;\n";
print OUTFILE "  const _FLASH_ARRAY<uint8_t>* content;\n";
print OUTFILE "} files[] = {\n";

$count = 1;
foreach $f (@filelist) {
   print OUTFILE "  {\n";
   print OUTFILE "    .path = \"" . $f->{path} . "\",\n";
   print OUTFILE "    .mime = \"" . $f->{type} . "\",\n";
   print OUTFILE "    .len = " . $f->{len} . ",\n";
   print OUTFILE "    .enc = \"" . $f->{enc} . "\",\n";
   print OUTFILE "    .content = \&file_" . $count . ",\n";
   print OUTFILE "  },\n";
   $count++;
}

print OUTFILE "};\n";
close OUTFILE;