javascript - usemin dev() 无法处理 .js 文件
问题描述
我正在使用 gulp 任务对 CSS 和 JavaScript 文件进行版本控制和 uglify,但它没有对 .js 文件进行版本控制,我没有解释,因为它根本没有抛出任何错误或警告。关于如何解决它的任何想法?
// build.js file
var gulp = require('gulp'),
imagemin = require('gulp-imagemin'),
del = require('del'),
usemin = require('gulp-usemin'),
rev = require('gulp-rev'),
cssnano = require('gulp-cssnano'),
uglify = require('gulp-uglify'),
gutil = require('gulp-util');
gulp.task('deleteDistFolder', function() {
return del("./dist");
});
gulp.task('optimizeImages', ['deleteDistFolder'], function() {
return gulp.src(["./travel-app/assets/images/**/*",
"!./travel-app/assets/images/icons",
"!./travel-app/assets/images/icons/**/*",
])
.pipe(imagemin({
progressive: true,
interlaced: true,
multipass: true
}))
.pipe(gulp.dest("./dist/assets/images"));
});
gulp.task('usemin', ['deleteDistFolder'], function() {
return gulp.src("./travel-app/index.html")
.pipe(usemin({
css: [ function() {return rev()},
function() {return cssnano()}
],
js: [ function() {return uglify()},
function() {return rev()}
]
}))
.pipe(gulp.dest("./dist"))
});
gulp.task('build', ['deleteDistFolder', 'optimizeImages', 'usemin']);
<!-- html blocks -->
<!-- build:css /assets/styles/styles.css -->
<link rel="stylesheet" href="temp/styles/styles.css">
<!-- endbuild -->
<!-- build:js /assets/scripts/Vendor.js -->
<script src="/temp/scripts/Vendor.js"></script>
<!-- endbuild -->
<!-- build:js /assets/scripts/App.js -->
<script src="/temp/scripts/App.js"></script>
<!-- endbuild -->
解决方案
在这里找到了解决方案:https ://stackoverflow.com/a/50333361/7559928
似乎问题与使用 ES6 有关,因此最好使用该gulp-uglify-es
包。
推荐阅读
- swift - 在 SwiftUI 中点击 MKMapView
- java - 如何在 Spark 数据集中抛出异常
- ruby-on-rails - Rails Webpacker,每次重新编译时都会忽略某些条目“打包”
- javascript - react error-error:这可能不是 npm 的问题。上面可能有额外的日志输出
- android - NullPointerException getApplicationThread()
- ios - 如何订购与存储在firebase中相同的firebase实时数据?
- flutter - 向应用程序添加 Web 支持时出现颤振错误
- reactjs - TypeError:无法在 stenciljs 中将类作为函数调用
- javascript - 为什么 Vue 中根元素 (div id="app") 的“溢出:隐藏”规则是不好的做法?
- javascript - 未处理的拒绝(TypeError):respo.json 不是函数