Laravel 资产缩小

Question

我有 Django 背景，我们使用 Django Compressor 和

static

模板标签来满足我们所有的静态文件需求。

我正在尝试在 Laravel 中做类似的事情，但发现了很多问题。许多旧包不再工作（我使用的是 5.x）。我可以在哪里找到新版本中的功能吗？我尝试阅读以下链接：

https://laravelcollective.com/docs/5.2/html

https://packagist.org/packages/Illuminate/html

https://laracasts.com/discuss/channels/laravel/call-to-undefined-method-Illuminatefoundationapplicationbindshared

http://laravel.io/forum/09-20-2014-html-form-class-not-found-in-laravel-5

新版本的 Laravel 有哪些功能？我想链接到我的公共文件夹中的静态文件并缩小它们。

Answer 1

Laravel 将 Elixir 与 GULP 一起使用。

请参阅 Laravel 的 Elixir 部分。如果你不熟悉，我建议你这个视频。

还有这个有趣的指南。

Answer 2

在 Laravel 中，我使用 gulp 来缩小资产文件夹并将其复制到公共，如下所示

package.json：

{
   "private": true,
   "type": "module",
   "scripts": {
       "copyAsset": "gulp copyFileTask",
       "minifyAsset": "gulp cssMinifyTask jsMinifyTask"
   },
   "devDependencies": {
       "gulp": "^4.0.2",
       "gulp-clean-css": "^4.3.0",
       "gulp-minify": "^3.1.0",
       "gulp-uglify": "^3.0.2"
   }
}

gulpfile.js :

const gulp  = require('gulp');
const cleanCSS = require('gulp-clean-css');
const uglify = require('gulp-uglify');

gulp.task('copyFileTask', function() {
    return gulp.src('./resources/assets/**/*.*')
        .pipe(gulp.dest('public/assets'))
});

gulp.task('cssMinifyTask', function() {
    return gulp.src('./resources/assets/**/*.css')
        .pipe(cleanCSS({compatibility: 'ie8'}))
        .pipe(gulp.dest('public/assets'))
});

gulp.task('jsMinifyTask', function() {
    return gulp.src('./resources/assets/**/*.js')
        .pipe(uglify())
        .pipe(gulp.dest('public/assets'))
});

现在你可以跑步了

npm i
npm run copyAsset
npm run minifyAsset

所有资源/资产/文件复制并缩小和丑化到 public/assets/

注意：您应该安装节点版本8.*