# Build aurelia project

**URL:** <https://discourse.aurelia.io/t/build-aurelia-project/2164>\
**Category:** Uncategorized\
**Created:** [January 24, 2019, 5:44am UTC](https://discourse.aurelia.io/t/build-aurelia-project/2164 "2019-01-24T05:44:45Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Nilakshi](https://avatars.discourse-cdn.com/v4/letter/n/9dc877/32.png) [@Nilakshi](https://discourse.aurelia.io/u/Nilakshi)\
**Post date:** [January 24, 2019, 5:44am UTC](https://discourse.aurelia.io/t/build-aurelia-project/2164/1 "2019-01-24T05:44:45Z")

</div>

I am not able to build proper js file, can anyone help me from scretch to setup for build.

---

<div class="post-metadata">

**Author:** ![bigopon](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/bigopon/32/18_2.png) [@bigopon](https://discourse.aurelia.io/u/bigopon)\
**Post date:** [January 24, 2019, 6:40am UTC](https://discourse.aurelia.io/t/build-aurelia-project/2164/2 "2019-01-24T06:40:07Z")

</div>

How does your build look like at the moment? Can you share how you want to do your build? Did you use aurelia CLI?

---

<div class="post-metadata">

**Author:** ![Nilakshi](https://avatars.discourse-cdn.com/v4/letter/n/9dc877/32.png) [@Nilakshi](https://discourse.aurelia.io/u/Nilakshi)\
**Post date:** [January 24, 2019, 7:38am UTC](https://discourse.aurelia.io/t/build-aurelia-project/2164/3 "2019-01-24T07:38:46Z")

</div>

Hi @bigopon,  
I have tried both navigation-skeleton and aurelia-CLI , but I am confused which approach I should follow,  
This one is skeleton-folder

 ![skeleton](https://canada1.discourse-cdn.com/flex027/uploads/aurelia/original/2X/1/11920d22e4d455d6473b311cb4d25665155c689b.png)

This one is aurelia-CLI

 ![app](https://canada1.discourse-cdn.com/flex027/uploads/aurelia/original/2X/7/764b676cb9f70add4ad05579a73f5c3f19f11a39.png)

---

<div class="post-metadata">

**Author:** ![bigopon](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/bigopon/32/18_2.png) [@bigopon](https://discourse.aurelia.io/u/bigopon)\
**Post date:** [January 24, 2019, 9:00am UTC](https://discourse.aurelia.io/t/build-aurelia-project/2164/4 "2019-01-24T09:00:08Z")

</div>

I’m not sure why you have `jspm_packages` in both of your projects, but it doesn’t look right to me. I see that you also tried out webpack, so if things aren’t working well for you with some gulp task, I can suggest you something like this: [https://github.com/questmetrics/aurelia-webpack-bare](https://github.com/questmetrics/aurelia-webpack-bare)

If you have trouble following the readme, you can post your question there or here anytime, I’ll try to follow up and answer them. About that, what steps you can do:

```auto
git clone https://github.com/questmetrics/aurelia-webpack-bare phenom-access-manager
cd phenom-access-manager
npm install
npm install webpack-dev-server --save-dev

```

After finishing the installation, you can do either

```auto
npm run dev

```

for local development, or if you just want to build to dist folder, with either:

- development build

```auto
npm run build

```

- production build

```auto
npm run build:prod

```

I think it has only a small number of steps that you can test/verify it yourself if you want a simple build instruction. Can you try that?

---

<div class="post-metadata">

**Author:** ![Nilakshi](https://avatars.discourse-cdn.com/v4/letter/n/9dc877/32.png) [@Nilakshi](https://discourse.aurelia.io/u/Nilakshi)\
**Post date:** [January 24, 2019, 9:15am UTC](https://discourse.aurelia.io/t/build-aurelia-project/2164/5 "2019-01-24T09:15:36Z")

</div>

@bigopon I did these steps, its working, but in this folder I don’t have aurelia\_project folder, my application will work without aurelia\_json?

---

<div class="post-metadata">

**Author:** ![bigopon](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/bigopon/32/18_2.png) [@bigopon](https://discourse.aurelia.io/u/bigopon)\
**Post date:** [January 24, 2019, 9:28am UTC](https://discourse.aurelia.io/t/build-aurelia-project/2164/6 "2019-01-24T09:28:01Z")

</div>

It’s a way to support common tasks generated by Aurelia CLI. Normally using it is fine. But if you are having issues with it and cannot figure out why, doing it with only webpack is better and easier. Making progress is more important anyway.

---

<div class="post-metadata">

**Author:** ![Nilakshi](https://avatars.discourse-cdn.com/v4/letter/n/9dc877/32.png) [@Nilakshi](https://discourse.aurelia.io/u/Nilakshi)\
**Post date:** [January 24, 2019, 9:32am UTC](https://discourse.aurelia.io/t/build-aurelia-project/2164/7 "2019-01-24T09:32:05Z")

</div>

Thank you for this @bigopon, can I use app.js file to run aurelia in django? If not I am not able to find solution, can you help

---

<div class="post-metadata">

**Author:** ![Nilakshi](https://avatars.discourse-cdn.com/v4/letter/n/9dc877/32.png) [@Nilakshi](https://discourse.aurelia.io/u/Nilakshi)\
**Post date:** [January 24, 2019, 9:58am UTC](https://discourse.aurelia.io/t/build-aurelia-project/2164/8 "2019-01-24T09:58:25Z")

</div>

With this approach how can i include this application in django project, because this is the only requirement for me, I am struggling from past few days.

Thanks

---

<div class="post-metadata">

**Author:** ![bigopon](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/bigopon/32/18_2.png) [@bigopon](https://discourse.aurelia.io/u/bigopon)\
**Post date:** [January 24, 2019, 10:22am UTC](https://discourse.aurelia.io/t/build-aurelia-project/2164/9 "2019-01-24T10:22:53Z")

</div>

Wherever your current folder that contain `index.html` that your django app is using, you can build the application to that folder. So you can change `output` config in `webpack.config.js`:

```auto
output: {
  path: path.resolve(__dirname, 'relative/path/to/folder_of_index.html'),
  filename: isProduction ? '[name].[hash].js' : '[name].js'
}

```
