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



如何配置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']
    },

实际上,脚本部分被封装在以下注释中:

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

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

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

相关内容

  • 没有找到相关文章

最新更新