папка стилей не создана

Я установил yo webapp без начальной загрузки, а затем добавил начальную загрузку 3 после этого ответа: https://stackoverflow.com/a/19034513/712005.

Я не могу заставить grunt собрать мой main.css и правильно включить начальную загрузку. Папка стилей не создается в папке dist.

При запуске "grunt build" я получаю это сообщение:

Запуск «cssmin: сгенерированный» (cssmin)

Назначение задачи не записано, потому что минимизированный CSS был пуст.

но без ошибок.

Мой gruntfile включает в себя это:

useminPrepare: {
    options: {
        dest: '<%= yeoman.dist %>'
    },
    html: '<%= yeoman.app %>/index.html'
},
usemin: {
    options: {
        assetsDirs: ['<%= yeoman.dist %>']
    },
    html: ['<%= yeoman.dist %>/{,*/}*.html'],
    css: ['<%= yeoman.dist %>/styles/{,*/}*.css']
}

и это:

grunt.loadNpmTasks('grunt-bower-install');

index.html включает:

<!-- build:css(.tmp,app) styles/main.css -->
<!-- bower:css -->
<!-- endbower -->
<!-- endbuild -->
<!-- build:css(.tmp,app) styles/bootstrap.css -->
<!-- bower:css -->
<!-- endbower -->
<!-- endbuild -->

Ссылки, которые я указал на расположение main.css и bootstrap.css в папке приложения, были удалены во время сборки.

Bower.json включает в себя:

{
  "name": "gabriel",
  "version": "0.0.1",
  "dependencies": {
    "bootstrap": "~3.0.2",
    "jquery": "~2.0.3",
    "modernizr": "~2.7.0"
  },
  "devDependencies": {}
}

Что мне не хватает?


angularjs twitter-bootstrap-3 gruntjs yeoman grunt-usemin
person Alex    schedule 26.11.2013    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Как указано в ссылке, выполните те же действия. Это должно сработать для вас. Я только что сделал и отлично работает для меня.

В итоге.

  1. yo angular - Скажите "Нет" Bootstrap здесь
  2. bower install --save bootstrap
  3. npm install --save-dev grunt-bower-install
  4. edit Gruntfile.js - Делайте так, как написано

  5. edit app/index.html - Добавить только строки ниже

    <!-- bower:css -->
<!-- endbower -->
<!-- bower:js -->
<!-- endbower -->

  6. grunt bower-install

  7. запустить grunt server или grunt build
person kds    schedule 27.11.2013
comment
хм. Все то же поведение. Вот вывод в командной строке: gist.github.com/barbalex/7682873 - person Alex; 28.11.2013
comment
на случай, если это поможет: css-файлы копируются в текстовую папку, и локальная работа с использованием grunt serve работает нормально. - person Alex; 28.11.2013
comment
Можете прикрепить index.html и Gruntfile.js. Также есть папка Bower_components в папке dist. - person kds; 28.11.2013
comment
index.html находится здесь: github.com/barbalex/gabriel/blob/ мастер/приложение/index.html - person Alex; 28.11.2013
comment
Gruntfile.js находится здесь: github.com/barbalex/gabriel/blob/master/ Gruntfile.js - person Alex; 28.11.2013
comment
папка bower_components существует в папке dist. Внутри есть (только?) папка modernizr с modernizr.js - person Alex; 28.11.2013

arrow_upward
0
arrow_downward

Причина, по которой отображается следующая ошибка, заключается в том, что

Выполнение задачи «cssmin: сгенерировано» (cssmin) >> Назначение не записано, поскольку минимизированный CSS был пуст.

место, где должен быть размещен файл bootstrap css, может быть неуместно, поэтому правильное положение для размещения файла bootstrap css следующее:

<!-- bower:css -->
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" />
<!-- endbower -->

Надеюсь, это поможет, ребята...

person nikhil bangar    schedule 30.04.2015