我需要你的帮助:)
我正在尝试使用usemin来构建我的angular应用程序。基本上,我想生成一个新的index.html,它只引用一个经过适当缩小的.js文件。
app.js文件的生成是正确的,但我的新index.html不是。
我对咕哝和使用很陌生,但这是我的咕哝文件:
grunt.initConfig({
pkg: grunt.file.readJSON('bower.json'),
useminPrepare: {
html: 'public/index.html',
options: {
dest: 'dist'
}
},
concat: {
generated: {
files: [
{
dest: '.tmp/concat/js/app.js',
src: ['public/**/*.js', '!public/bower_components/**']
}
]
}
},
uglify: {
generated: {
files: [
{
dest: 'dist/js/app.js',
src: [ '.tmp/concat/js/app.js' ]
}
]
}
}
});
grunt.registerTask('build', [
'useminPrepare',
'concat:generated',
'uglify:generated',
'usemin'
]);
这是我的index.html:的相关部分
<!-- build:js js/app.js -->
<script src="app.js"></script>
<script src="domain/domain.js"></script>
<script src="domain/landingPage/landingPageController.js"></script>
...
<!-- endbuild -->
我的文件夹结构是:
+- public
| +- index.html
| +- domain
| +- js files
+- gruntfile
感谢您的提前帮助!!
我从@KevinB那里获得了这个文件,并创建了一个更简单的文件,它可以满足我的需求。还有一些粗糙的边缘,但它确实回答了这个问题。
grunt.initConfig({
pkg: grunt.file.readJSON('bower.json'),
clean: [ 'dist' ],
copy: {
build: {
files: [
{
expand: true,
cwd: 'public/',
src: [ '**', '!**/**/*.js' ],
dest: 'dist'
}
]
}
},
processhtml: {
dist: {
files: {
'dist/index.html': ['dist/index.html']
}
}
},
concat: {
generated: {
files: [
{
dest: 'dist/js/app.js',
src: ['public/**/*.js', '!public/bower_components/**']
}
]
}
},
uglify: {
generated: {
files: [
{
dest: 'dist/js/app.js',
src: [ 'dist/js/app.js' ]
}
]
}
}
});
grunt.registerTask('build', [
'clean',
'copy',
'processhtml',
'concat:generated',
'uglify:generated'
]);