0

我在没有引导程序的情况下安装了 yo webapp，然后在这个答案之后添加了引导程序 3：https ://stackoverflow.com/a/19034513/712005 。

我无法构建我的 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": {}
}

我错过了什么？

4

2 回答 2

1

如链接中所述，遵循相同的步骤。那应该对你有用。我刚刚做了并且对我来说很好。

总之。

  1. yo angular- 在这里对 Bootstrap 说“不”
  2. bower install --save bootstrap
  3. npm install --save-dev grunt-bower-install
  4. 编辑Gruntfile.js- 照着说的做

  5. 编辑app/index.html- 仅添加以下行

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

  6. grunt bower-install

  7. 运行grunt server或grunt build
于 2013-11-27T11:21:48.147 回答
0

显示以下错误的原因是

运行“cssmin：生成”（cssmin）任务>>目标未写入，因为缩小的 CSS 为空。

应该放置引导 css 文件的位置可能放错了，因此放置引导 css 文件的正确位置如下 -

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

我希望这会有所帮助，伙计们...

于 2015-04-30T09:00:39.607 回答