Gulp 设置 javascript 对象答案

【问题标题】：Gulp settings javascript objectGulp 设置 javascript 对象
【发布时间】：2015-06-08 17:56:48
【问题描述】：

我只是在为我的 gulpfile.js 进行一些设置，但我遇到了问题。

我有设置 - 在 js 文字对象中 - 像这样：

// Directories
 var dirs = {
    source: './src/',
    build: this.source + 'build/'
};

// Files to read.
var paths = {
    sass: {
        src: dirs.source + 'sass/**/*.scss',
        dest: dirs.build + 'css/'
    },
    js: {
        src: dirs.source + 'js/**/*.js',
        dest: dirs.build + 'js'
    }
};

但是，当然，dirs.build 返回./undefinedbuild/ 目录而不是./src/build/ 目录。

有什么方法——或不同风格的设置——如何修复它（如何在 JS 中进行设置）？文字对象表示法最适合我。

【问题讨论】：

标签： javascript settings gulp

【解决方案1】：

this 不是基于对象的，而是基于函数范围的。因此，在您的情况下，global 或您所在的函数。另一方面，如果您直接键入 dirs.source，则尚未定义此属性。创建文字，然后添加属性：

// Directories
var dirs = {};
dirs.source = './src/';
dirs.build = dirs.source + 'build/'

// Files to read.
var paths = {
    sass: {
        src: dirs.source + 'sass/**/*.scss',
        dest: dirs.build + 'css/'
    },
    js: {
        src: dirs.source + 'js/**/*.js',
        dest: dirs.build + 'js'
    }
};

【讨论】：

【解决方案2】：

你可以的

var dirs = {
    source: './src/',
    build: dirs.source + 'build/'
};

【讨论】：