Ionic在我的根结构中创建资源文件夹,原因不明

时间:2016-04-08 09:44:40

标签: javascript ionic-framework gulp

遇到一个奇怪的问题,我想知道其他人是否遇到过。

基本上我遇到一个问题,当我的gulp watch运行时,它会在appName中创建一个资产文件夹(路径:appName / assets / js / modules.js)

它还在app文件夹结构中的资源中创建一个js文件,您可以在下面看到。

我的问题是,当我的监视脚本运行时,为什么会创建一个资产文件夹作为appName的子级?

这似乎是Ionic的默认行为,但想知道如何阻止它被创建,只需依赖app / assets / js /中的js文件。

我有以下文件夹结构:

appName 
  assets // UNWANTED
    js
  www  
    app
      shared
      states
      modules.js
      routes.js
    assets
      css
      libs
      img
      js
    index.html
  gulpfile.js
  ionic.project

这是我的gulp文件:

var gulp = require('gulp');
var gutil = require('gulp-util');
var bower = require('bower');
var concat = require('gulp-concat');
var sass = require('gulp-sass');
var sh = require('shelljs');

var paths = {
    sass: ['./www/assets/scss/**/*.scss']
};

gulp.task('default', ['sass', 'scripts']);

// Task is to compile the Sass into one file.
gulp.task('sass', function () {
    return gulp.src('./www/assets/scss/**/*.scss')
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest('./www/assets/css'));
});

// Task is to watch for any changes
gulp.task('watch', function () {
    gulp.watch(paths.sass, ['sass']);
    gulp.watch('./www/app/**/*.js', ['scripts']);
});

// Concatenates all of our JS into one file.
gulp.task('scripts', function () {
    return gulp.src('./www/app/**/*.js')
    .pipe(concat('modules.js'))
    .pipe(gulp.dest('./www/assets/js/'));
});

gulp.task('install', ['git-check'], function () {
    return bower.commands.install()
    .on('log', function (data) {
    gutil.log('bower', gutil.colors.cyan(data.id), data.message);
});
});

gulp.task('git-check', function (done) {
    if (!sh.which('git')) {
        console.log(
            '  ' + gutil.colors.red('Git is not installed.'),
            '\n  Git, the version control system, is required to download Ionic.',
            '\n  Download git here:', gutil.colors.cyan('http://git-scm.com/downloads') + '.',
            '\n  Once git is installed, run \'' + gutil.colors.cyan('gulp install') + '\' again.'
        );
        process.exit(1);
    }
    done();
});

这是我的ionic.project文件:

{
  "name": "figr",
  "app_id": "",
  "gulpStartupTasks": [
  "sass",
  "scripts",
  "watch"
 ],
 "watchPatterns": [
    "www/**/*",
    "www/assets/**/*",
    "!www/lib/**/*"
 ]
}

*更新* 我已更新了我的问题,因此您可以更轻松地查看文件夹结构。问题是gulp'脚本'任务似乎是将modules.js放在' / appname / assets / js' (在文件夹结构图中标有' UNWANTED'以及' ./ www / assets'。

1 个答案:

答案 0 :(得分:-1)

不知道为什么。如果有人知道,请告诉我。

但重新启动计算机然后运行ionic serve修复了我的问题。我没有必要以不同的方式编写任何代码只需重新启动..

如果有人知道为什么请添加答案,我会接受。

干杯