Note: Announcing Quark appstore. Discover and share Quark projects and all the best community-made resources. ⚡
Visit
Dismiss

Configuring build

Quark uses webpack behind the scenes to build your project. You would configure the build process, by adding a webpack config file.
Create the config file

Create a webpack.config.js file at the root of your project. e.g.

.
├─ setup.js
└─ webpack.config.js
Add webpack config

Config reference

// webpack.config.js
module.exports = {
    ...
}

Caveats

Quark uses an in-memory file system with webpack. This requires a little patch behind the scenes. The only thing you need to remember is that:-

  1. The entry key must be an object with a src key.
  2. The value of this key must concat /src/ in front of the absolute file path of the file you want to be the entry point of your application.

Example: If your entry point file is index.ts at the root of your project, your config must look like this-

// .
// ├─ setup.js
// ├─ index.ts
// └─ webpack.config.js
{
    ...
    "entry": {
        "src" : "/src/index.ts"
    }
}

Example: If your entry point file is index.ts nested inside of a folder (view), your config must look like this-

// .
// ├── view
// │   └── index.ts
// ├── setup.js
// └── webpack.config.js
{
    ...
    "entry": {
        "src" : "/src/view/index.ts"
    }
}
Last Updated: 7/16/2019, 1:27:44 PM
MIT Licensed | Copyright © 2019-present Nishkal Kashyap