Aaron Frost aaronfrost

## 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)
				);

## webpack.partial.js
const webpack = require('webpack');

module.exports = {
  module: {
    rules: [
      {
        test: /\.ts$/,
        exclude: /node_modules|src/,
        use: [
          {

## tslint.json.js
// If tslint@5.0.0+
{
  "extends": [
    "tslint:latest",
    "tslint-plugin-prettier"
  ],
  "rules": {
    "prettier": true
  }
}

## tslint.json
{
  "extends": [
    "tslint:latest",
    "tslint-config-prettier",
  ],
}

## tslint.json.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                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. 
              
          
    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

  
## .prettierignore
package.json

## 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`

## 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?

  }

## sampleroute.ts
[
  {
    path: 'team/:id',
    loadChildren: './team/team.module#TeamModule'
  }
]

## webpack.config.js
const webpackconfig = {
  module:{
    rules: [
      {
        test: /\.ts$/,
        use: [
          {
            loader: '@ngtools/webpack'
          }
        ]
	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)
	);
	const webpack = require('webpack');

	module.exports = {
	module: {
	rules: [
	{
	test: /\.ts$/,
	exclude: /node_modules\|src/,
	use: [
	{
	// If tslint@5.0.0+
	{
	"extends": [
	"tslint:latest",
	"tslint-plugin-prettier"
	],
	"rules": {
	"prettier": true
	}
	}
	// 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`
	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?

	}
	[
	{
	path: 'team/:id',
	loadChildren: './team/team.module#TeamModule'
	}
	]
	const webpackconfig = {
	module:{
	rules: [
	{
	test: /\.ts$/,
	use: [
	{
	loader: '@ngtools/webpack'
	}
	]