如何配置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文件中的代码。
将部分移到任何构建注释之外解决了问题。