我怎样才能减少我的css与吞咽-清洁-css？

Question

在我的gulpfile.babel.js文件中，我遇到了一个吞咽清洁css问题。

package.json

{
  "name": "project",
  "version": "1.0.0",
  "scripts": {
    "test": ""
  },
  "devDependencies": {
    "@babel/core": "^7.8.3",
    "@babel/preset-env": "^7.8.3",
    "@babel/register": "^7.8.3",
    "autoprefixer": "^9.7.3",
    "babel-loader": "^8.0.6",
    "browser-sync": "^2.26.7",
    "del": "^5.1.0",
    "dotenv": "^6.0.0",
    "gulp": "^4.0.0",
    "gulp-clean-css": "^4.2.0",
    "gulp-if": "^3.0.0",
    "gulp-imagemin": "^6.2.0",
    "gulp-postcss": "^8.0.0",
    "gulp-replace": "^1.0.0",
    "gulp-sass": "^4.0.2",
    "gulp-sourcemaps": "^2.6.5",
    "gulp-zip": "^5.0.1",
    "vinyl-named": "^1.1.0",
    "webpack-stream": "^5.2.1",
    "yargs": "^13.3.0"
  }
}

babelrc

{
    "presets": [ "@babel/preset-env" ]
}

gulfile.babel.js

import { themeLocation } from './settings';
import gulp from 'gulp';
import yargs from 'yargs';

//styles
import sass from 'gulp-sass';
import cleanCSS from 'gulp-clean-css';
import gulpif from 'gulp-if';
import sourcemaps from 'gulp-sourcemaps';


//variables
config();
const PRODUCTION = yargs.argv.prod;


//STYLES
export const styles = () => {
    return gulp.src(`src/scss/bundle.scss`)
        .pipe(gulpif(!PRODUCTION, sourcemaps.init()))
        .pipe(sass().on('error', sass.logError))
        .pipe(gulpif(PRODUCTION, cleanCSS({compatibility:'ie8'})))
        .pipe(gulpif(!PRODUCTION, sourcemaps.write()))
        .pipe(gulp.dest(`${themeLocation}/css`))
}

我想缩小我的css文件在生产，但它不工作。在我的吞咽文件文件中，我只看到以下信息：

Could not find a declaration file for module 'gulp-clean-css'. './node_modules/gulp-clean-css/index.js' implicitly has an 'any' type.
  Try `npm install @types/gulp-clean-css` if it exists or add a new declaration (.d.ts) file containing `declare module 'gulp-clean-css';`

我试着安装@type/gulp洁净-css，但是我只得到了一些错误。

我该如何解决我的问题？谢谢!

Answer 1

你需要的包是:一饮而尽-清洁-css。试着用npm install --save-dev gulp-clean-css。