Gruntjs less.js 文件不会构建两个 CSS 文件

Question

在我的less.js 文件中，我指定为同一个应用程序构建两个 CSS 文件，由于某种原因，它只构建最后一个文件并跳过第一个文件，当我运行 @ 时，如何构建两个 CSS 文件987654322@，我嵌套两个文件有问题吗？

app: {

  src: [
        '<%= config.node_modules %>/ons-common/dist/styles/day-ons-common.css',
        '<%= config.src %>/app/styles/**/*.less'
        ],
        dest: '<%= config.dist %>/app/styles/day-app.css',
        options: {
          sourceMap: true,
          sourceMapURL: 'day-app.css.map'
        },

  src: [
        '<%= config.node_modules %>/ons-common/dist/styles/night-ons-common.css',
        '<%= config.src %>/app/styles/**/*.less'
        ],
        dest: '<%= config.dist %>/app/styles/night-app.css',
        options: {
          sourceMap: true,
          sourceMapURL: 'night-app.css.map'
        },
},


},

Gruntfile.js

less: require('./grunt/less'),

lesslint: {
  all: {
    src: [
      '<%= config.src %>/**/*.less',
      '<%= config.src %>/**/*.css'

    ],
    options: {
      csslint: {
        csslintrc: '.csslintrc'
      }
    }
  }

//packaging steps
src: {
    options: {
      archive: 'build/src_<%= pkg.version %>.zip'
    },
    files: [{
        src: ['src/web/**'],
        dest: 'src/'
      }
    ]

Answer 1

对于初学者，您不应有两个具有相同名称的配置 (src)。再试一次，但这次用第二个命名不同：

app: {

  src: [
        '<%= config.node_modules %>/ons-common/dist/styles/day-ons-common.css',
        '<%= config.src %>/app/styles/**/*.less'
        ],
        dest: '<%= config.dist %>/app/styles/day-app.css',
        options: {
          sourceMap: true,
          sourceMapURL: 'day-app.css.map'
        },

  srcTwo: [
        '<%= config.node_modules %>/ons-common/dist/styles/night-ons-common.css',
        '<%= config.src %>/app/styles/**/*.less'
        ],
        dest: '<%= config.dist %>/app/styles/night-app.css',
        options: {
          sourceMap: true,
          sourceMapURL: 'night-app.css.map'
        },
},


},

如果这不是问题，我们将需要更多关于您的 gruntfile.js 的信息，而不仅仅是您的配置的 sn-p。