# Help Required For Webpack Please

**URL:** <https://forums.creativeclouddeveloper.com/t/help-required-for-webpack-please/3653>\
**Category:** UXP Plugin API\
**Created:** [September 21, 2021, 6:24pm UTC](https://forums.creativeclouddeveloper.com/t/help-required-for-webpack-please/3653 "2021-09-21T18:24:18Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![IanBarber](https://avatars.discourse-cdn.com/v4/letter/i/94ad74/32.png) [@IanBarber](https://forums.creativeclouddeveloper.com/u/IanBarber)\
**Post date:** [September 21, 2021, 6:24pm UTC](https://forums.creativeclouddeveloper.com/t/help-required-for-webpack-please/3653/1 "2021-09-21T18:24:18Z")

</div>

Objective:  
I am trying to get a UXP plugin to store data on a Firebase Database.

Issues:  
Having read all the docs and followed the instructions on installing Firebase using npm I am falling at the first fence.

To initialize Firebase you have to add something like this…

```auto
import {
  initializeApp
} from 'firebase/app';

```

Now this is throwing an error in the console … Cannot use import statement outside a module

After digging around, I realize that Import is not allowed in UXP and Webpack is needed, which is where I am completely stuck.

I have or at least I think I have installed Webpack by using npm install webpack --save-dev which has been detected by the pacjage.json file

```auto
{
  "name": "uxp-template-ps-starter",
  "version": "1.0.0",
  "description": "Starter template for creating Adobe UXP based photoshop plugin.",
  "author": "Adobe Inc",
  "license": "Apache-2.0",
  "devDependencies": {
    "webpack": "^5.53.0"
  },
  "dependencies": {
    "firebase": "^9.0.2"
  }
}

```

I am not sure how to proceed from here. All the docs I have read are for regular html useage and not UXP.

If anyone is prepared to walk me through getting this working, it would be extremely appreciated.

---

<div class="post-metadata">

**Author:** ![Karmalakas](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/karmalakas/32/1048_2.png) [@Karmalakas](https://forums.creativeclouddeveloper.com/u/Karmalakas)\
**Post date:** [September 25, 2021, 12:54pm UTC](https://forums.creativeclouddeveloper.com/t/help-required-for-webpack-please/3653/2 "2021-09-25T12:54:43Z")

</div>

With UXP instead of `import` try using `require` syntax (something related to some versions IIRC - was looking into this when started using Webpack)

```auto
const {someVar} = require('some/app');

```