ASP.NET Core Brunch Config (Babel + Bootstrap 4 + LESS + Font Awesome)

brunch-config.js

module.exports = {
    paths: {
        public: "wwwroot",
        watched: ["wwwroot/javascripts", "wwwroot/stylesheets"]
    },
    npm: {
        styles: {
            "bootstrap": ["dist/css/bootstrap.css"],
            "font-awesome": ["css/font-awesome.css"],
            "animate.css": ["animate.css"]
        },
        globals: {
            "jQuery": "jquery",
            "$": "jquery",
            "Tether": "tether",
            "bootstrap": "bootstrap"
        }
    },
    files: {
        javascripts: { joinTo: "dist/site.js" },
        stylesheets: { joinTo: "dist/site.css" }
    },
    modules: {
        nameCleaner: path => path.replace(/^wwwroot\/javascripts\//, ""),
        autoRequire: { "dist/site.js": ['init'] }
    },
    plugins: {
        babel: {
            ignore: /^node_modules/,
            pattern: /\.(js|vue)$/
        },
        copycat: {
            fonts: ["node_modules/font-awesome/fonts"]
        }
    }
}

folder-structure

|--Project
|   |__wwwroot
|   |   |__dist
|   |   |__fonts
|   |   |__images
|   |   |__javascripts
|   |       init.js
|   |   |__stylesheets
|   |__node_modules

package.json

{
  "name": "project",
  "version": "1.0.0",
  "description": "",
  "scripts": {},
  "author": "",
  "dependencies": {
    "bootstrap": "^4.0.0-alpha.6",
    "font-awesome": "^4.7.0",
    "jquery": "^3.2.1",
    "tether": "^1.4.0"
  },
  "devDependencies": {
    "babel-brunch": "^6.1.1",
    "brunch": "^2.10.10",
    "copycat-brunch": "^1.1.0",
    "less-brunch": "^2.10.0"
  }
}