Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
31 commits
Select commit Hold shift + click to select a range
777702a
adds step documentation
berkeleycole Jul 9, 2019
d50a133
installs webpack and webpack cli
berkeleycole Jul 10, 2019
abd66e2
adds the webpack config file
berkeleycole Jul 10, 2019
c78fc6d
Merge branch 'master' of github.com:berkeleycole/webpack-content into…
berkeleycole Jul 10, 2019
94dbad6
Merge branch 'master' of github.com:berkeleycole/webpack-content into…
berkeleycole Jul 10, 2019
e2779c4
Update README.md
berkeleycole Jul 10, 2019
bc34b68
Update index.js
berkeleycole Jul 10, 2019
a41d057
Merge branch 'master' of github.com:berkeleycole/webpack-content into…
berkeleycole Jul 10, 2019
2fc385e
adds an entry point for webpack so we can create a dist folder
berkeleycole Jul 10, 2019
43553d3
tries to add the js files to index js via import without babel -- thi…
berkeleycole Jul 11, 2019
df4eff8
setting up babel
berkeleycole Jul 13, 2019
4cc61c6
webpack loader
berkeleycole Jul 13, 2019
ec5c586
add the webpack html plugin
berkeleycole Jul 14, 2019
bda4162
edits the md file
berkeleycole Jul 14, 2019
89d0bb3
adds dev and prod configs
berkeleycole Jul 14, 2019
7f867df
adds webbpack dev server
berkeleycole Jul 14, 2019
4b2fcf2
adds clean webpack plugin
berkeleycole Jul 14, 2019
b3bd373
adds some broken javascript and verbose messaging - this is just for …
berkeleycole Jul 14, 2019
533bb34
Update STEP-4.md
berkeleycole Jul 15, 2019
c800698
Adds step 6 documentation
berkeleycole Jul 15, 2019
dfc2ce1
Update README.md
berkeleycole Jul 15, 2019
e62e84f
Delete STEP-6.md
berkeleycole Jul 16, 2019
2149629
Update README.md
berkeleycole Jul 16, 2019
faebaa0
fix: remove broken, unneeded line
mvirgo Aug 28, 2019
b63f16f
Updated branch info.
SaraiYasmina Apr 28, 2020
8dc0844
Update index.html
SudKul Nov 19, 2020
8ad674e
Update README.md
ronny-udacity Jul 15, 2021
f016636
Update README.md
ronny-udacity Jul 15, 2021
6118ee0
Create manual.yml
UAnjali Mar 2, 2022
15cbe02
Create CODEOWNERS
UAnjali Mar 2, 2022
873bbf3
ex1
NadaAsadk Aug 25, 2024
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions .babelrc
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
'presets': ['@babel/preset-env']
}
46 changes: 46 additions & 0 deletions .github/workflows/manual.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,46 @@
# Workflow to ensure whenever a Github PR is submitted,
# a JIRA ticket gets created automatically.
name: Manual Workflow

# Controls when the action will run.
on:
# Triggers the workflow on pull request events but only for the master branch
pull_request_target:
types: [opened, reopened]

# Allows you to run this workflow manually from the Actions tab
workflow_dispatch:

jobs:
test-transition-issue:
name: Convert Github Issue to Jira Issue
runs-on: ubuntu-latest
steps:
- name: Checkout
uses: actions/checkout@master

- name: Login
uses: atlassian/gajira-login@master
env:
JIRA_BASE_URL: ${{ secrets.JIRA_BASE_URL }}
JIRA_USER_EMAIL: ${{ secrets.JIRA_USER_EMAIL }}
JIRA_API_TOKEN: ${{ secrets.JIRA_API_TOKEN }}

- name: Create NEW JIRA ticket
id: create
uses: atlassian/gajira-create@master
with:
project: CONUPDATE
issuetype: Task
summary: |
Github PR ND0011 C5 | Repo: ${{ github.repository }} | PR# ${{github.event.number}}
description: |
Repo link: https://github.com/${{ github.repository }}
PR no. ${{ github.event.pull_request.number }}
PR title: ${{ github.event.pull_request.title }}
PR description: ${{ github.event.pull_request.description }}
In addition, please resolve other issues, if any.
fields: '{"components": [{"name":"nd0011 - Front End Developer"}], "customfield_16449":"https://classroom.udacity.com/", "customfield_16450":"Resolve the PR", "labels": ["github"], "priority":{"id": "4"}}'

- name: Log created issue
run: echo "Issue ${{ steps.create.outputs.issue }} was created"
1 change: 1 addition & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -1 +1,2 @@
node_modules
dist
1 change: 1 addition & 0 deletions CODEOWNERS
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
* @udacity/active-public-content
30 changes: 26 additions & 4 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,32 @@
# Webbpack Express Example App
# Webpack Express Example App

The goal of this repo is be an example of a basic but functional app built on Express and Webpack.

If you want to follow along, start from master and look at the numbered branches of this project. Each one is a step along the path to creating a fully functional webpack setup. In each branch, there will be a documentation file that lists out the steps taken in that branch (each step is also a git commit if you look at the history) which you can use as a checklist when setting up your own projects.
If you are just starting this process, start from branch 0-initial-setup. Otherwise, switch to the appropriate numbered branches of this repo as needed. The branches are:
- [0-initial-setup](https://github.com/udacity/fend-webpack-content/tree/0-initial-setup)
- [1-install-webpack](https://github.com/udacity/fend-webpack-content/tree/1-install-webpack)
- [2-add-webpack-entry](https://github.com/udacity/fend-webpack-content/tree/2-add-webpack-entry)
- [3-webpack-output-and-loaders](https://github.com/udacity/fend-webpack-content/tree/3-webpack-output-and-loaders)
- [4-webpack-plugins](https://github.com/udacity/fend-webpack-content/tree/4-webpack-plugins)
- [5-webpack-mode](https://github.com/udacity/fend-webpack-content/tree/5-webpack-mode)
- [6-webpack-for-convenience](https://github.com/udacity/fend-webpack-content/tree/6-webpack-for-convenience)

Each branch in this project is a step along the path to creating a fully functional webpack setup. In each branch, there will be a documentation file that lists out the steps taken in that branch (each step is also roughly a git commit if you look at the history) which you can use as a checklist when setting up your own projects.

## What we will cover

We will cover:

- Webpack entry point
- Webpack output and dist folder
- Webpack Loaders
- Webpack Plugins
- Webpack Mode
- Tools for convenient Webpack development

## Get Up and Running

Fork this repo, then clone your forked repo down to your computer:
Fork this repo, then clone the branch of your choice from your forked repo down to your computer:

```
git clone -- [email protected]:[your-user-name]/webpack-express.git --
Expand All @@ -15,4 +35,6 @@ git clone -- [email protected]:[your-user-name]/webpack-express.git --
`cd` into your new folder and run:
- ```npm install```
- ```npm start``` to start the app
- this app runs on localhost:3000, but you can of course edit that in server.js
- this app runs on localhost:8080, but you can of course edit that in server.js

**Note:** Webpack needs to be at version 4 in order for this repo to work as expected. Webpack is automatically included at the correct version in the `package.json` provided here.
Loading