2

ここhttps://github.com/expressly/angular-browserify-seedから github リポジトリをフォークし、すべてをインストールしましたが、gulp が正しく機能しません。問題は、(srcスタイルファイル)で何かを変更した場合、それをapp.scssgulpコンパイルしてフォルダーを構築するのではなく、

gulp-ruby-sass: write ../../../../../BicMitchup/AppData/Local/Temp/gulp-ruby-sass/app.css

gulpfile は多くの異なるファイルをインポートしましたが、これは非常に巨大ですが、私が見るように、stylesタスクでのみ問題が発生します。以下は、このタスクのコードです

'use strict';

var gulp = require('gulp');
var gulpif = require('gulp-if');
var rename = require('gulp-rename');
var csso = require('gulp-csso');
var autoprefixer = require('gulp-autoprefixer');
var sass = require('gulp-ruby-sass');

var sassOptions = {
    style: 'compressed',
    'sourcemap=none': true
};

function handleError(err) {
    console.log(err.toString());
    this.emit('end');
}

module.exports = gulp.task('styles', function () {
    return gulp.src(config.paths.src.styles)
        .pipe(sass(sassOptions).on('error', handleError))
        .pipe(autoprefixer('last 1 version'))
        .pipe(gulpif(release, csso()))
        .pipe(gulpif(release, rename(config.filenames.release.styles), rename(config.filenames.build.styles)))
        .pipe(gulpif(release, gulp.dest(config.paths.dest.release.styles), gulp.dest(config.paths.dest.build.styles)));
});

私はこれに4時間費やしました、それは私の頭を壊しました。エラーはありません。宛先フォルダーが間違っているだけです。すべてのパスを含む構成ファイルを次に示します。

global.SRC_FOLDER = 'src';
global.BUILD_FOLDER = 'build';
global.RELEASE_FOLDER = 'release';
global.TMP_FOLDER = 'tmp';

global.config = {
    paths: {
        src: {
            index: SRC_FOLDER + '/index.html',
            assets: [SRC_FOLDER + '/assets/**/*', '!' + SRC_FOLDER + '/assets/images/**/*'],
            images: SRC_FOLDER + '/assets/images/**/*',
            scripts: SRC_FOLDER + '/modules/**/*.js',
            bowerStyles: ['bower_components/**/*.min.css', "bower_components/material-date-picker/app/styles/mbdatepicker.css"],
            styles: SRC_FOLDER + '/styles/app.scss',
            stylesGlob: SRC_FOLDER + '/styles/**/*.scss',
            templates: SRC_FOLDER + '/modules/**/*.html',
            templatesHTML: SRC_FOLDER + '/modules/**/*.html',
            templatesCompiled: TMP_FOLDER,
            livereload: [BUILD_FOLDER + '/**/*', '!' + BUILD_FOLDER + '/assets/**/*'],
            modules: './' + SRC_FOLDER + '/modules/index.js',
            config: SRC_FOLDER + '/modules/app/config.json'
        },
        dest: {
            build: {
                styles: BUILD_FOLDER,
                scripts: BUILD_FOLDER,
                images: BUILD_FOLDER + '/assets/images',
                assets: BUILD_FOLDER + '/assets',
                index: BUILD_FOLDER,
                server: BUILD_FOLDER
            },
            release: {
                styles: RELEASE_FOLDER,
                scripts: RELEASE_FOLDER,
                images: RELEASE_FOLDER + '/assets/images',
                assets: RELEASE_FOLDER + '/assets',
                index: RELEASE_FOLDER,
                server: RELEASE_FOLDER
            }
        }
    },
    filenames: {
        build: {
            styles: 'bundle.css',
            bowerStyles: 'vendor.css',
            scripts: 'bundle.js',
            config: 'config.js'
        },
        release: {
            styles: 'bundle.min.css',
            bowerStyles: 'vendor.min.css',
            scripts: 'bundle.min.js',
            config: 'config.min.js'
        },
        templates: {
            compiled: 'templates.js',
            angular: {
                moduleName: 'app.templates',
                prefix: '',
                stripPrefix: 'app/'
            }
        }
    },
    ports: {
        staticServer: 1337,
        livereloadServer: 35729
    }
};

ruby や gem に何か問題があるのでしょうか? 誰でも助けることができますか?ありがとう

4

0 に答える 0