Question

如何配置grunt和/或usemin步骤，使其不触及正文内的内联脚本？

假设以下内容：

<html>
    <body>
        <script id="an-example" type="text/x-jsrender">
            <b>{{:data}}</b>
        </script>
    </body>
</html>

当我运行grunt serve在本地运行时，一切正常，但当我用grunt打包时，我无法在index.html中找到该脚本。

这是我的Gruntfile.js的一部分：

usemin: {
      options: {
        assetsDirs: [
          '<%= config.dist %>',
          '<%= config.dist %>/images',
          '<%= config.dist %>/styles'
        ]
      },
      html: ['<%= config.dist %>/{,*/}*.html'],
      css: ['<%= config.dist %>/styles/{,*/}*.css']
    },

Answer 1

实际上，脚本部分包含在以下注释中：

<!-- build:js({app,.tmp}) scripts/main.js -->
...
<!-- endbuild -->

指示Grunt压缩/缩小/ uglify同一main.js文件中的代码。

将部分移到任何构建注释之外可以解决问题。

配置grunt以防止缩小内联脚本

1 个答案: