Git Product home page Git Product logo

germanwords-ng1-webpack's Introduction

Angular 1.x + ES6 + Webpack 2 Demo

This repository contains a demo for the angular-webpack.

Usage

This repository needs a backend, refer to GermanWords-koa for further information in how to use it. Once you have it running:

$ git clone https://github.com/Foxandxss/GermanWords-ng1-webpack
$ cd GermanWords-ng1-webpack
$ npm install
$ npm start

Now you can navigate to http://localhost:8080 to see the app working.

The username and password for the demo is: demo / 12345.

Tests

If you want to run the tests, do:

$ npm test

Deploy

For deployment:

$ npm run build

That will generate a /dist folder where you can point your web server.

germanwords-ng1-webpack's People

Contributors

foxandxss avatar mazavr avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

germanwords-ng1-webpack's Issues

npm dev won't run

This is pretty cool but it's not running right for me. Testing seems to work great with this one though

Error on running dev

[email protected] dev /Users/gabrielkunkel/WebstormProjects/angular-es6-webpack-demo
webpack-dev-server --history-api-fallback --inline --progress

������������ 0% compile���������������������� 10% 0/1 build modules���������������������� 70% 1/1 build modules���������������������� 40% 1/2 build modulesevents.js:85
throw er; // Unhandled 'error' event
^
Error: listen EADDRINUSE
at exports._errnoException (util.js:746:11)
at Server._listen2 (net.js:1156:14)
at listen (net.js:1182:10)
at net.js:1280:9
at GetAddrInfoReqWrap.asyncCallback as callback
at GetAddrInfoReqWrap.onlookup as oncomplete

npm ERR! Darwin 15.0.0
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "run-script" "dev"
npm ERR! node v0.12.7
npm ERR! npm v2.11.3
npm ERR! code ELIFECYCLE
npm ERR! [email protected] dev: webpack-dev-server --history-api-fallback --inline --progress
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev script 'webpack-dev-server --history-api-fallback --inline --progress'.
npm ERR! This is most likely a problem with the germanwords-ng1-webpack package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! webpack-dev-server --history-api-fallback --inline --progress
npm ERR! You can get their info via:
npm ERR! npm owner ls germanwords-ng1-webpack
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! /Users/gabrielkunkel/WebstormProjects/angular-es6-webpack-demo/npm-debug.log

Process finished with exit code 1

Loading images

With this setup, the images don't get loaded in the template.

<img src="../../../logo.png" />

Any idea why images are not loaded? I have also tried

<img src="file!../../../logo.png" />

but does not show up neither.

It could be great if you can also add an image to the example.

Quick Directives Example

Hello @Foxandxss!

Awesome starter, I am planning to use it as an experiment to learn and understand ES6. I was wondering if you would share any quick example that shows how to create a Directive using ES6?

Gracias maestro!

Feature request, main container

Hi Jesus,
Many thanks for this cool example. It would be great to define a main container that includes common parts such as header and footer the same way you have added home feature. I'd love to submit a pull request but I am confused about the I should do it.

Thanks

Got error on npm run build

I got from running npm run build:
'TypeError: Cannot assign to read only property 'canCollapseWhitespace' of true'

I saw that error was coming from webpack when minify the html using html-minifier module.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.