juristr/ngx-tabs-libdemo

NON PRODUCTION READY - Repository to demonstrate Angular libraries

Angular Tabs - Demo Library

by Juri Strumpflohner · https://juristr.com/blog

WARNING: This is not a production ready library, but rather just an example to showcase how to release custom Angular libraries.

This repo is meant to demonstrate the creation of an Angular library, following the Angular Package Format.

Contents

So what's in this repo?

• setup with ng-packagr (master) - the master branch shows the suggested approach, namely to setup your library with ng-packagr.
• NX workspace setup (with-demoproj-setup) - Setup that shows how you can use Nrwl/NX to setup a nice workspace containing a library project and demo it straight away.
• Building libraries with Bazel (bazel) - This branch shows how to use Bazel to generate an Angular package.
• manual setup (manual-setup) - the manual-setup branch on the other hand, demonstrates how to assemble the different tooling in order to get a manual setup with simple npm scripts that are being executed one after the other. This allows for full flexibility and serves for educational purposes, to learn how things are done behind the scenes. This is a slightly improved version of the talk given at NG-BE (see link below).

Useful links

Angular Package Format v5.0, design document at Google Docs

Talks

Create and publish Angular libs like a Pro (March 2018) - Juri Strumpflohner at ngVikings, demoing building Angular libraries with ng-packagr, with NX as well as Bazel (30min talk) (Slides)

Packaging Angular Libraries (Jan 2018) - Jason Aden at Angular Mountain View Meetup (45min talk)

Create and publish Angular libs like a Pro (Dec 2017) - Juri Strumpflohner at NG-BE (30min talk) (Slides)

Packaging Angular (April 2017)- Jason Aden at ng-conf 2017 (28min talk)

Bugs, questions,...

Open an issue here on the repo or simply reach out to me on Twitter 😃

ngx-tabs-libdemo's Issues

Is there any way to run it using postinstall script.

In my scenario I do not want to publish the package . Instead I want to consume the library directly from the git repo to my project and build the library inside of node_modules with a post install script. I.e -

• Library package :

"build:lib": "ng-packagr -p package.json",
 "postinstall": "npm run build:lib",

• In my project package json -

"dependencies": {
 "lib": "github:libraryname#e578717489c921915f12e23a6d809c96c7dba7ed",
}

Rsync selecting node_modules

ngx-tabs-libdemo/package.json

Line 12 in 0bfd784

"build:inline": "rsync -a *.ts ./tmp && node inlineAssets.js",

Does this line not also search and copy files from node_modules?

ngx-bundle

you might consider my ngx-bundle library :) with zero config
https://github.com/aelbore/ngx-bundle

FAILED: Build did NOT complete successfully

Rajeshs-MBP:ngx-tabs-libdemo rajesh$ yarn build:lib
yarn run v1.12.3
$ bazel build :npm_package
WARNING: The following rc files are no longer being read, please transfer their contents or import their path into one of the standard rc files:
/Volumes/WindowsHD/Projects/VSTS/ngx-tabs-libdemo/tools/bazel.rc
INFO: Invocation ID: 37f86409-5e61-4215-a91b-e45df6bccfc7
ERROR: error loading package '': Encountered error while reading extension file 'defs.bzl': no such package '@build_bazel_rules_nodejs//': The native http_arch
ive rule is deprecated. load("@bazel_tools//tools/build_defs/repo:http.bzl", "http_archive") for a drop-in replacement.
Use --incompatible_remove_native_http_archive=false to temporarily continue using the native rule.
ERROR: error loading package '': Encountered error while reading extension file 'defs.bzl': no such package '@build_bazel_rules_nodejs//': The native http_arch
ive rule is deprecated. load("@bazel_tools//tools/build_defs/repo:http.bzl", "http_archive") for a drop-in replacement.
Use --incompatible_remove_native_http_archive=false to temporarily continue using the native rule.
INFO: Elapsed time: 0.164s
INFO: 0 processes.
FAILED: Build did NOT complete successfully (0 packages loaded)
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

build lib issue with angular 7

After upgrading angular to 7.2.9, npm run build:lib gives following error?