Webpack Encore或 Laravel Mix与 Gulp LibSass

如何解决Webpack Encore或 Laravel Mix与 Gulp LibSass

我是一位来到 Syfmony 和 Laravel 项目的 gulp 用户。所以我正在尝试使用他们的 webpack 实现。 Symfony 让我使用 Encore。 Laravel 让我使用 Mix。我让它们都工作正常，但它们都慢得多。

所以现在我试图确定这些解决方案是否实际上编译速度较慢，或者我是否可以做些什么。

我通常只是用 Babel 编译 sass 文件和 javascript 文件。

我的 Gulp 实现 - 我可以运行手表，任何更改都会在不到半秒（473 毫秒）内编译。当我用 Encore/Mix 做同样的事情时，编译时间接近 3 秒。

这是我对 Gulp 项目的 package.json 依赖项...

{
  "version": "1.0.0","private": true,"main": "gulpfile.js","dependencies": {
    "lazysizes": "^5.1.2","sanitize.scss": "^1.0.0","sorttable": "^1.0.2","tiny-slider": "^2.9.2"
  },"devDependencies": {
    "babel-core": "^6.26.0","babel-eslint": "^9.0.0","babel-preset-env": "^1.6.1","babel-preset-react": "^6.24.1","breakpoint-sass": "^2.7.1","drupal-breakpoints-scss": "^1.1.1","eslint": "^5.16.0","eslint-config-airbnb": "^17.1.1","eslint-config-prettier": "^4.3.0","eslint-config-wesbos": "0.0.19","eslint-plugin-html": "^5.0.5","eslint-plugin-import": "^2.20.0","eslint-plugin-jsx-a11y": "^6.2.3","eslint-plugin-prettier": "^3.1.2","eslint-plugin-react": "^7.18.0","eslint-plugin-react-hooks": "^1.7.0","flatpickr": "^3.0.7","gulp": "^4.0.2","gulp-autoprefixer": "^5.0.0","gulp-babel": "^7.0.1","gulp-clean-css": "^4.2.0","gulp-concat": "^2.6.0","gulp-rename": "^1.2.2","gulp-sass": "^4.0.1","gulp-size": "^3.0.0","gulp-sourcemaps": "^1.6.0","gulp-uglify-es": "^1.0.4","prettier": "^1.19.1","stylelint-config-standard": "^18.3.0"
  },"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1","lint": "eslint . ","lint:fix": "eslint . --fix"
  },"license": "ISC"
}

这是我在 Symfony 4 站点上使用 webpack 运行的示例...

{
    "devDependencies": {
        "@symfony/webpack-encore": "^0.30.2","autoprefixer": "^9.8.0","core-js": "^3.0.0","node-sass": "^4.14.1","postcss-loader": "^3.0.0","regenerator-runtime": "^0.13.2","sass-loader": "^8.0.2","webpack-notifier": "^1.6.0"
    },"license": "UNLICENSED","scripts": {
        "dev-server": "encore dev-server","dev": "encore dev","watch": "encore dev --watch","build": "encore production --progress"
    },"dependencies": {
        "@fortawesome/fontawesome-pro": "^5.13.0","clipboard": "^2.0.6","clndr": "^1.5.1","codemirror": "^5.53.2","cropperjs": "^1.5.9","flatpickr": "^4.6.3","foundation-sites": "^6.6.3","froala-editor": "^3.1.1-2","fs": "^0.0.1-security","glob": "^7.1.6","jquery": "^3.5.1","jquery.scrollto": "^2.1.2","jspdf": "^1.5.3","moment": "^2.26.0","motion-ui": "^2.0.3","numeral": "^2.0.6","path": "^0.12.7","taggle": "^1.15.0","underscore": "^1.10.2"
    }
}

我错过了什么吗？我可以做些什么来加快速度？