Gulp 不生成丑陋的 css 文件答案

【问题标题】：Gulp not generating uglified css fileGulp 不生成丑陋的 css 文件
【发布时间】：2018-02-05 20:55:14
【问题描述】：

我遵循了一个简单的教程并遵循了所有命令，但仍然没有通过 gulp 在名为“destination”的文件夹中生成丑陋的 css 文件。这是代码：

var gulp = require("gulp");
var uglify = require("gulp-uglify");

gulp.task('default', function(){
console.log("gulp is running");

return
gulp.src("source/css/style.css")
.pipe(uglify())
.pipe(gulp.dest('destination'));
});

我的 package.json 文件包含 gulp 和 gulp-uglify 但作为开发依赖项：

"devDependencies": {
"gulp": "^3.9.1",
"gulp-uglify": "^3.0.0"}

为什么没有在目标文件夹中生成文件？

【问题讨论】：

标签： node.js npm gulp

【解决方案1】：

试试这个修改：

gulp.task('default', function(){
  return gulp.src("source/css/style.css", {base: "source/css/"})
    .pipe(uglify())
    .pipe(gulp.dest('destination'));
});

顺便说一句，此任务仅在运行时对文件进行丑化。查看gulp.watch() 上的教程，创建一个任务来等待并观察更改，然后对文件进行 uglify。

【讨论】：

谢谢，但我找到了解决方案，删除 node_modules、package.json 和 package.json.lock 并通过 npm install gulp-uglify gulp-minify-css gulp-concat gulp 重新安装所有内容解决了问题.奇怪但有效。