Git Product home page Git Product logo

ngx-library-starter's Introduction

ngx-library-starter

Angular >2 library starter with

  • AOT compilation.
  • Support for external templates and SCSS files.
  • Rollup bundling

Usage

  • Replace all "ngx-library-starter" with "your-library-name".
  • Rename "LibModule" to "YourLibraryNameModule"

and then

npm i
npm run build

How to work with Demo

Demo project references the library from parent directory.

When you have changes to the library you still have to remove the library files and install again simply by

cd demo
rm -R node_modules/your-library-name
npm i

How to make Demo working

cd demo
npm i
npm start

Navigate to the http://localhost:3040

To publish your npm module

Finally

npm login
npm publish

TODO

  • AOT compilation
  • Rollup bundling
  • Minify / Uglify
  • Demo project
  • Bundle component SASS files
  • Bundle component templates
  • Bundle styleUrls with multiple styles
  • Bundle global styles
  • CLI/Generator e.g. yo?

ngx-library-starter's People

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

ngx-library-starter's Issues

Problem with external html and scss files

If I want to compile a personal library using this project everything seems ok.
My systemjs demo is ok, but not webpack2 and angular-cli demos.

Using webpack2 with treeshaking (also without AOT in my demo project), compilation is ok, but I receive this error

Failed to load resource: the server responded with a status of 404 (Not Found)
Failed to load LIBRARY.scss

Using angular-cli, compilation is ok, but I receive this error

GET http://localhost:4200/LIBRARY.scss 404 (Not Found)
Unhandled Promise rejection: Failed to load LIBRARY.scss ; Zone: <root> ; Task: Promise.then ; Value: Failed to load LIBRARY.scss

The same problem happens with a templateUrl inside my library. If I use an external html file instead of an inline template I receive a similar error. It seems that relative paths cause these problems.

Could you confirm this?

Thanks

Angular 5 support + umd bundle + Systemjs

Hi!
I tried to update my library based on ngx-library-starter to Angular 5 beta 7.

Building process is ok and I can use the library with both webpack and angular-cli, but it fails with Systemjs 0.20.x, because it's using the umd bundle (probably broken).

For instance, It fails while loading all my HTML template files:

Failed to load resource: the server responded with a status of 404 (Not Found)

Unhandled Promise rejection: Failed to load modal-gallery.html ; Zone: <root> ; Task: Promise.then ; Value: Failed to load modal-gallery.html undefined
api.onUnhandledError @ zone.js:661

Can you confirm the problem? If yes, do you have an idea of how to fix this?
Is it a configuration problem or something about this plugin https://github.com/cankayacan/rollup-plugin-angular-aot?

Thank u.
Ks89

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.