main.config.js

const path = require('path')

/**
 * BUNDLE ENTRY FILES
 * All file will be passed to your webpack config.
 * Formatted as { input: output }
 * paths are relative to your project root (__dirname)
 * The builds folder in www/assets is auto cleaned after each build.
 */
const entries = {
  'src/index.js': 'www/assets/builds/bundle.js',
  'src/index.scss': 'www/assets/builds/bundle.css'
}

/**
 * CSS CONFIGURATION
 */
const css = {
  // Preprocessor used to bundle your CSS
  // This can be 'sass', 'less', 'stylus' or 'manual'.
  // Be sure to have your entries and sourcefiles named with the good file ext
  // —> .scss for sass / .less for less / .styl for stylus
  // Set to 'manual' to handle css yourself (using css-next for instance)
  preprocessor: 'sass'
}

/**
 * FOLDER ARCHITECTURE
 * All paths used in kirby-webpack.
 * change them if you want to customize the folder architecture.
 */
const paths = {
  src: path.join(__dirname, 'src')
}

// public folder to deploy to your server
// if you use a proxy, this is often the document root of the server used
paths.www = path.join(__dirname, 'www')

// public baseUrl of your site, generally '/'.
// it often change depending on your environment,
// the correct one will be chosen from the value of appEnv.
paths.basepaths = {
  development: '/',
  preprod: '/',
  production: '/'
}

// all kirby paths
paths.kirby = {
  core: path.join(paths.www, 'kirby'),
  panel: path.join(paths.www, 'panel'),
  assets: path.join(paths.www, 'assets'),
  cache: path.join(paths.www, 'site', 'cache'),
  fields: path.join(paths.www, 'site', 'fields'),
  tags: path.join(paths.www, 'site', 'tags'),
  plugins: path.join(paths.www, 'site', 'plugins'),
  widgets: path.join(paths.www, 'site', 'widgets')
}

/**
 * DEVSERVER CONFIGURATION
 */
const devServer = {
  // Port used by the dev server
  port: 8080,

  // Use this option if you already have a local environment (like MAMP)
  // e.g. proxy: website.dev
  // don't forget to rename config.localhost.php if you use a vhost
  proxy: false,

  // Set to true if you need a devServer in https
  https: false,

  // The alias/path to the php binary. OSX has PHP available natively.
  // You have to edit this to have the devServer working on Windows.
  // Use the proxy opt if you can't use / don't want to use a built-in php serv.
  phpBinary: 'php',

  // Host used by the php built-in server. Only used when proxy is false.
  // Default is localhost.
  // On Mac, the default will be [::1] (IPv6 equivalent of localhost)
  // See: http://php.net/manual/en/features.commandline.webserver.php#120449
  // You might need to change config/config.localhost.php into config.[YOURHOST].php
  // In order for kirby-webpack to continue working with your host
  phpHost: 'localhost',

  // Set this to true to display PHP logs in your terminal
  // /!\ does nothing if you use the `proxy` option
  logPhpErrors: true,

  // Force browserSync to not watch some specific files/folder
  ignored: [
    path.join(paths.kirby.plugins, 'page-lock')
  ]
}

// the appEnv variable can be used to create environment-specific behaviours
// By default, appEnv can be one of those three values:
//   - development (via npm run start)
//   - preprod (via npm run build:preprod)
//   - production (via npm run build or npm run stats)
const appEnv = process.env.APP_ENV || process.env.NODE_ENV || 'development'

// appEnv is used to choose the correct basepath from paths.basepaths
paths.basepath = paths.basepaths[appEnv] || paths.basepaths.development

module.exports = { paths, entries, css, devServer, appEnv }