how to include other javascript files in content js file of chrome extension?

Question

I have made a chrome extension ! it gives css and xpath on click at any point on the web page. I have include my js files for calculating xpath and css in content scripts of chrome extension. Is there any way by which i can include only on js file in content script and import all other js files inside that one js file ?

I tried the require and export which i got when i searched but its not working.

var xPath = {};
xPath.get_xpath=function(ele)
{
}
export xpath = xpath;

and i tried to import it using require like this :

var calculate = require("xpath");

but its showing error export not defined.

Answer 1

You should use the following:

var xPath = {};
xPath.get_xpath = function(ele) {
}
module.exports = xPath;

Note that Chrome doesn't support JS modules, so you need to use browserify builder.

As an example, check my open source extension: Clipboardy .