Question

是否可以从外部JS文件中获取代码，然后在构建应用程序后将其内联粘贴到脚本标记中（在index.html中）？

例如，下面的两个文件都是相同的，但我希望JS在src / dir中外部实现，并在build / dir中内联：

SRC /index.html

<head>
  <script src="long/minified/code.js"></script>
</head>

构建 /index.html

<head>
  <script>
    // long... minified code to be added inline here
  </script>
</head>

长/缩小的/ code.js

(function(){var this,isSomeLong='minifiedCode';})();

Gruntfile.js

grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
        dist: {
            src: [
                'long/minified/code.js',

                  ],
            dest: 'build/index.html',
         }
});

我可能完全离开并需要grunt-include-source

之类的东西

Answer 1

您可以使用grunt-processhtml轻松插入自己的笔友：

HTML

<head>
<!-- build:js inline -->
<script src="long/minified/code.js"></script>
<!-- /build -->
</head>

Gruntfile任务：

grunt.initConfig({
  processhtml: {
    dist: {
      files: {
        'build/index.html': ['src/index.html']
      }
    }
  }
});

Grunt将外部JS编译为内联HTML

1 个答案: