ここhttps://github.com/expressly/angular-browserify-seedから github リポジトリをフォークし、すべてをインストールしましたが、gulp が正しく機能しません。問題は、(srcスタイルファイル)で何かを変更した場合、それをapp.scss
gulpコンパイルしてフォルダーを構築するのではなく、
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 に何か問題があるのでしょうか? 誰でも助けることができますか?ありがとう