190.gulp给文件重命名

最新推荐文章于 2024-11-06 08:49:17 发布

长大的小蚂蚁

最新推荐文章于 2024-11-06 08:49:17 发布

阅读量698

点赞数

分类专栏： Django-python从入门到精通336

本文链接：https://blog.csdn.net/zjy123078_zjy/article/details/104585006

版权

这篇博客介绍了如何在项目中使用`gulp-rename`进行文件重命名操作，特别是在CSS文件压缩后，为了区分原始文件和压缩文件，通过执行`npm install gulp-rename --save-dev`安装`gulp-rename`并将其记录到`package.json`。示例代码展示了如何应用`gulp-rename`来改变压缩文件的名称。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在cmd窗口进入项目所在的文件夹，执行：npm install gulp-rename --save-dev

–save-dev就是将此安装包，安装在该项目中，并且将安装包记录到项目中的package.json中。

由之前对css文件进行压缩处理的情况来看，可以很好地进行文件的压缩，但是压缩过后的文件，保存到另外一个文件夹中还是原来未压缩的时候的文件名，这样的话，在进行引用的时候，他就不知道到底是没有压缩的文件，还是经过压缩的文件了，所以我们可以将压缩过的文件进行重命名，示例代码如下：

//在js中导入nodo中的包的时候，需要使用到一个函数require()
//只需要将所需要导入的包传递给require()函数就可以了
var gulp =require('gulp');
var cssnano = require('gulp-cssnano');
var rename = require('gulp-rename');


gulp.task('css', function() {
   
    gulp.src('./css/*.css')
    .pipe(cssnano</