Webpack integration

Find out how to integrate JSQL with Webpack

Stack requirements

The JSQL Webpack plugin will not work without an account in the JSQL cloud. To learn more see overview.

Of course, to use the plugin for Webpack, your project must use the Webpackas tasks runner.


Install JSQL Webpack plugin into your frontend project using NPM:

npm install jsql-webpack --save-dev

Task configuration

The plugin requires an Api Key and Dev Key. 

Basic usage in webpack.config.js:

"use strict";

const webpack = require("webpack");
const JsqlWebpack = require("jsql-webpack");

module.exports = {
entry: "./src/app.js",
output: {
filename: "./dist/app.js"
plugins: [
new JsqlWebpack(
apiKey: 'YOUR_API_KEY',
src: 'src/app.js',
dist: 'dist/app.js'


List of configuration parameters:

apiKey (String): your working application key from JSQL Customer Panel. See FAQ for details

src(string): file that will be processed

dist(string): output file

debug(boolean)?: optional, shows more info in console

devKeyFileName(string)?: optional, changes name of developer key file

Developer key

The plugin requires the file with the developer key which must be found in the directory in which webpack.config.js is.

This file can be downloaded from the JSQL Customer Panel by each team member (see how to download it in FAQ ) and saved locally in the project.

We recommend that the file with the development key be added to the ignored files with the repository used (GIT, SVN etc).


Due to the multitude of configurations, we recommend only that the jsql task be connected to the process of building the application and under the process of observing changes (watcher).

Errors handling

In case of any errors the information will be shown in console.

What next?

Close Menu