Qlik Community

New to Qlik Sense

Discussion board where members can get started with Qlik Sense.

rjames65
New Contributor

Using Qlik with Webpack 1

Hey,

I'm using webpack 1 to try and import an external js file, written in the amd module pattern, from a product called Qlik, which does visualizations.

The project uses angular-fullstack yeoman generator, so the webpack config file is: https://github.com/angular-fullstack/generator-angular-fullstack/blob/master/templates/app/webpack.m...

Trying to get something like this working within a webpack environment:https://gist.github.com/mindspank/905294636006b3b530a0#file-index-js-L19

The file I'd like to import and use: https://sense-demo.qlik.com/resources/js/qlik.js

I've tried things like scriptjs to load it, but webpack can't resolve it.

$script('https://sense-demo.qlik.com/resources/assets/external/requirejs/require.js', () => { require.config = { baseUrl: 'https://sense-demo.qlik.com/resources' }  require(['js/qlik'], qlik => { let app = qlik.openApp(...); } }); // throws Module not found: Error: Cannot resolve module 'js/qlik'

I've also tried adding it locally to the project and referencing it in webpack:

config.externals = { 'qlik' : 'commonjs2 ./client/assets/js/qlik' }  usage: require(['qlik'], qlik => { console.log(qlik); }); // throws Uncaught ReferenceError: require is not defined

or

config.resolve = { root: [ path.join(__dirname, ('/client/assets/js')) ] }; // throws tons of errors similar to: ERROR in ./client/assets/js/qlik.js Module not found: Error: Cannot resolve module 'cm.matchbrackets' in \client\assets\js

My problem is, I don't know how to use this external script through webpack. It can't resolve 'js/qlik' when run inside scriptjs and saving the qlik scripts and adding them locally hasn't been any better.

Any help would be greatly appreciated!