Unable to set up a minimal configuration

[lateek35]

I'm trying to use brunch for a new project, and I after spending multiple hours to set up just a minimal config I'm close to give up :(.
I'm just trying to compile some file (js + css) written in scss and use autoprefixer on it.
I'm probably making an obviously mistake but I can't find where. So any help is welcome :)

Actual behavior

I encounter multiple problems but there 2 of them that are necessary for me:
1- I can't use the advanded joinTo where you specify what need to be watched:
I've try
joinTo: { 'styles/main.css': /^styles*/}
joinTo: { 'styles/main.css': "styles/*.css"}
joinTo: { 'styles/main.css': "**/*.css"}
joinTo: { 'styles/main.css': "*.css"}
But I always get this feedback `"compiled, but not written. Check your javascripts.joinTo config"``
The only way I found is to use the basic one without specify the files to watch (not what I wanted :/)

2 - I failing using sass + autoprefixer
I first seen that .scss file aren't handled so I had postcss plugin with the postcss-scss parser but nothing changer still no css compiled. Just for testing purpose I renamed my file in .css and everything compiled just nice with autoprefixer working too
So I installed sass-brunch and my .scss were handled so I get my css compiled, but this time this is autoprefixer that was not running.

Environment

1. Brunch: 2.10.10
2. Node.js: 6.9.4
3. NPM: 3.10.10
4. Operating system: MacOS
5. Code editor: VS Code

package.json contents

{
  "name": "sage",
  "version": "9.0.0-beta.3",
  "author": "Roots <[email protected]>",
  "homepage": "https://roots.io/sage/",
  "private": true,
  "bugs": {
    "url": "https://github.com/roots/sage/issues"
  },
  "licenses": [
    {
      "type": "MIT",
      "url": "http://opensource.org/licenses/MIT"
    }
  ],
  "engines": {
    "node": ">= 6.9.4"
  },
  "devDependencies": {
    "autoprefixer": "^7.1.2",
    "brunch": "2.10.10",
    "csswring": "^6.0.0",
    "postcss-brunch": "^2.0.5",
    "postcss-scss": "^1.0.2",
    "sass-brunch": "^2.10.4"
  },
  "dependencies": {
    "jquery": "1.12.4 - 3"
  }
}

brunch config contents

module.exports = {
  paths: {
    public : 'dist',
    watched : [ 'front']
  },
  files: {
    javascripts: {
      joinTo: 'scripts/main.js'
    },
    stylesheets: {
      joinTo: 'styles/main.css'
      // joinTo: {
      // 	'styles/main.css': /^styles*/
      // }
    }
  },
  plugins: {
    postcss: {
      options: {
        parser: require('postcss-scss'),
      },
      processors: [
        require('autoprefixer')(['last 2 versions', '> 1%', 'ie 10']),
        require('csswring')()
      ]
    }
  }	  
}

[lateek35]

I find a way to use my scss and autoprefixer, I had to use this version in my package.json
"postcss-brunch": "brunch/postcss-brunch#07961d39cecfbc9aa02b48259bb551e56defd4e8" (based on brunch skeleton)
But I confirm that I can't use the joinTo with pattern matching otherwise my file do not appear in the dist folder.
Seems quite difficult to discover that for a basic setup, did I miss something ?