0

私はlaravel-elixirの指示に従おうとしましたが、それを取得するためにまだ緑色に見えます.

elixir を使用して scss をコンパイルしresources/assets/scss/styles.scss、ファイルを に出力したいと考えていますpublic/styles.css。

.scss ファイルへのカスタム パスを設定するにはどうすればよいですか? ファイルはどこに出力されるので、.copy() で公開できますか?

私の styles.scss は次のようになります (はい、合計で 2 つのアセット フォルダーがあります。Laravels と私のものです):

/*! Testing Elixir */
//assets
@import 'assets/cssReset';
@import 'assets/variables';
@import 'assets/mixins';

//layouts
@import 'layouts/base';
@import 'layouts/dashboard';
@import 'layouts/logo';
@import 'layouts/forms';
@import 'layouts/siteNavigation';

@import 'layouts/lesson';
@import 'layouts/course';
@import 'layouts/courseList';
@import 'layouts/courseNavigation';

@import 'layouts/landingPage1';
@import 'layouts/landingPage2';

@import 'layouts/pagination';
@import 'layouts/footer';

//userMenu
@import 'layouts/menu';

実行時にgulpがコマンドラインで何らかのフィードバックを提供すると、非常に役立ちます。

私のgulp.js

var elixir = require('laravel-elixir');

/*
 |--------------------------------------------------------------------------
 | Elixir Asset Management
 |--------------------------------------------------------------------------
 |
 | Elixir provides a clean, fluent API for defining some basic Gulp tasks
 | for your Laravel application. By default, we are compiling the Less
 | file for our application, as well as publishing vendor resources.
 |
 */

elixir(function(mix) {
    mix.sass('app.scss');
});
4

1 に答える 1

3

さて、私は最終的にどこが間違っていたのかを理解しました。

app inmix.sass('app.sass');はパス変数で、. ブレードのディレクトリ セパレータの / と同等で、sass はフォルダ名でした。app.sass はファイル名であることが判明しました。どっ...

パスの名前を resources/assets/sass に変更し、次を指定したとき:

elixir(function(mix) {
    mix.sass('styles.scss');
});

Gulp はここにファイルを出力しました:public/css/styles.css

これが、私のように同じ誤った仮定をしている他の人の助けになることを願っています。

于 2015-02-02T18:49:14.403 に答える