Javascript 使gulp仅用于丑陋的非缩小文件
我希望将所有Javascript放在一个Javascript 使gulp仅用于丑陋的非缩小文件,javascript,node.js,gulp,gulp-uglify,gulp-usemin,Javascript,Node.js,Gulp,Gulp Uglify,Gulp Usemin,我希望将所有Javascript放在一个scripts.js文件中。这是我的index.html的一部分: <!-- build:inlinejs js/scripts.js --> <script src="bower_components/jquery/dist/jquery.min.js"></script> <script src="bower_components/moment/min/moment.min.js"></script
scripts.js
文件中。这是我的index.html
的一部分:
<!-- build:inlinejs js/scripts.js -->
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/moment/min/moment.min.js"></script>
<script src="bower_components/moment/locale/de.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="bower_components/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script>
<script src="js/main.js"></script>
<!-- endbuild -->
正如您所看到的,已经有很多缩小的Javascript文件,所以我不希望我的构建浪费宝贵的时间来丑化已经缩小的文件。我该如何做才能使未缩小的文件变得丑陋?我知道不久前有人问过这个问题,但我遇到了同样的问题并找到了解决方案 在html中,您可以为构建块命名:
<!-- build:jsLibs js/libs.js -->
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<!-- endbuild -->
<!-- build:jsApp js/app.js -->
<script src="js/main.js"></script>
<!-- endbuild -->
希望这能帮助别人
<!-- build:jsLibs js/libs.js -->
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<!-- endbuild -->
<!-- build:jsApp js/app.js -->
<script src="js/main.js"></script>
<!-- endbuild -->
gulp.task('usemin', function () {
return gulp.src('./*.html')
.pipe(usemin({
...
jsLibs: ['concat'],
jsApp: [uglify, rev]
}))
.pipe(gulp.dest('dist/'));
});