Skip to content

Instantly share code, notes, and snippets.

Avatar
:octocat:
Software Architect Contractor

Aaron Frost aaronfrost

:octocat:
Software Architect Contractor
View GitHub Profile
View angularjs-npxbuildplus-plugins.js
const rules = config.module.rules;
// File the rules from the build that builds all the TS files. The MainRule
const mainRule = rules.find((r) => {
// If not in prod mode, this IF will find the mainRule
if (r.loader) {
return (
r && r.loader && r.loader.endsWith(angularLoaderFilename)
);
@aaronfrost
aaronfrost / webpack.partial.js
Created Jul 2, 2019
This is a webpack.partial.js for an Angular CLI project that needs to use ngAnnotate and angular template loader
View webpack.partial.js
const webpack = require('webpack');
module.exports = {
module: {
rules: [
{
test: /\.ts$/,
exclude: /node_modules|src/,
use: [
{
View tslint.json.js
// If tslint@5.0.0+
{
"extends": [
"tslint:latest",
"tslint-plugin-prettier"
],
"rules": {
"prettier": true
}
}
View tslint.json
{
"extends": [
"tslint:latest",
"tslint-config-prettier",
],
}
@aaronfrost
aaronfrost / tslint.json.md
Last active Feb 22, 2018
Each of the following tslint rules will conflict with Prettier. You will want to remove them from your tslint.json if they exist.
View tslint.json.md

Delete the following rules from your tslint.json to avoid conflict w/ Prettier

If any of them are missing, that is fine. Just move on.
- comment-format
- curly
- eofline
- import-spacing
- indent
- max-line-length
- no-trailing-whitespace
View prettier.config.js
// The values provided below are the defaults.
// If you don't specify one of these properties,
// the default value will be applied.
module.exports = {
printWidth: 80,
tabWidth: 2,
useTabs: true,
semi: true,
singleQuote: false,
trailingComma: 'none', // other options `es5` or `all`
@aaronfrost
aaronfrost / question.ts
Created Dec 7, 2017
Firestore question
View question.ts
export class FooClass{
constructor(
private fb: FirebaseApp,
private fs: AngularFirestore,
){
const a = fb.firestore();
const b = this.fs;
// Are `a` and `b` pointing at the same thing?
}
@aaronfrost
aaronfrost / sampleroute.ts
Created Jul 20, 2017
Sample Routes for Angular App
View sampleroute.ts
[
{
path: 'team/:id',
loadChildren: './team/team.module#TeamModule'
}
]
@aaronfrost
aaronfrost / webpack.config.js
Created Jun 23, 2017
ngtools/webpack with Loader Support
View webpack.config.js
const webpackconfig = {
module:{
rules: [
{
test: /\.ts$/,
use: [
{
loader: '@ngtools/webpack'
}
]