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 July 2, 2019 21:49
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 February 22, 2018 17:46
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 December 7, 2017 03:40
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 July 20, 2017 08:38
Sample Routes for Angular App
View sampleroute.ts
[
{
path: 'team/:id',
loadChildren: './team/team.module#TeamModule'
}
]
@aaronfrost
aaronfrost / webpack.config.js
Created June 23, 2017 22:08
ngtools/webpack with Loader Support
View webpack.config.js
const webpackconfig = {
module:{
rules: [
{
test: /\.ts$/,
use: [
{
loader: '@ngtools/webpack'
}
]