Телеграмм чат группы angular

2018 December 12

АД

Александр Духовняк in AngularPiter - русскоговорящее сообщество

Если кому интересно, то насобирал несколько полезных статей по typescript, schematics, bazel. Если у кого есть еще что, делитесь, добавлю в этот список.

Using TypeScript Compiler API
https://github.com/Microsoft/TypeScript/wiki/Using-the-Compiler-API

TypeScript parser
https://babeljs.io/docs/en/babel-parser

Configuring Schematics
https://medium.com/rocket-fuel/angular-schematics-simple-schematic-76be2aa72850

Schematics utilities
https://nitayneeman.github.io/schematics-utilities

Angular with Bazel example
https://github.com/alexeagle/angular-bazel-example/tree/cli

TypeScript Rules for Bazel
https://www.youtube.com/watch?v=Qb3tykleV_g
https://github.com/bazelbuild/rules_typescript
https://github.com/alexeagle/angular-bazel-example/wiki/TypeScript-rules

Bazel and package.json dependencies
https://github.com/bazelbuild/rules_nodejs

Create schematics
https://medium.com/@jorgeucano/your-fist-angular-schematics-f711d70cb37c

Angular devkit schematics
https://github.com/angular/angular-cli/tree/master/packages/angular_devkit/schematics

GitHub

Using the Compiler API

TypeScript is a superset of JavaScript that compiles to clean JavaScript output. - microsoft/TypeScript

https://blog.angular.io/schematics-an-introduction-dc1dfbc2a2b2

https://blog.mgechev.com/2018/11/19/introduction-bazel-typescript-tutorial/

Medium

Schematics — An Introduction

Schematics is a workflow tool for the modern web; it can apply transforms to your project, such as create a new component, or updating your…

источник

23:12пожаловаться #1

DT

Dmitry Teplov in AngularPiter - русскоговорящее сообщество

Anton Karton

вопрос к пользователям вебшторма: написал простейший пайп для фильтрации вида FilterPipe<T> и
transform(value: T[], filterFunc: (a: T) => boolean): T[]. Редактор теряет тип и ругается T does not contain such a member. Как лечить?

а покажи имплементацию

источник

23:15пожаловаться #2

AK

Anton Karton in AngularPiter - русскоговорящее сообщество

Dmitry Teplov

а покажи имплементацию

да там прост return value.filter( filterFunc );

источник

23:17пожаловаться #3

DT

Dmitry Teplov in AngularPiter - русскоговорящее сообщество

Anton Karton

да там прост return value.filter( filterFunc );

Ну похоже никак ¯\_(ツ)_/¯
https://github.com/angular/angular/issues/21224

GitHub

Generics do not correctly infer in template pipe usage #21224

I'm submitting a... [x] Bug report Current behavior Please take a look at the minimal example below: @Pipe({name: 'map'}) export class MapPipe implements PipeTransform { transform(value: T[], func: (value: T) => R): R[] { return va...

источник

23:23пожаловаться #4

AK

Anton Karton in AngularPiter - русскоговорящее сообщество

хнык

источник

23:25пожаловаться #5

2018 December 14

AS

Andrey Shaban in AngularPiter - русскоговорящее сообщество

Всем привет. У меня на проекте есть проблема. Я использую bootstrap + kendo-bootstrap + custom theme.
При сборке это дело всё очень долго собирается и требует много памяти. Всё лишнее вроде убрал из импорта.
Может быть я делаю что-то не так?

источник

16:46пожаловаться #6

D

Danil in AngularPiter - русскоговорящее сообщество

Cli/webpack?

источник

16:53пожаловаться #7

AS

Andrey Shaban in AngularPiter - русскоговорящее сообщество

cli

источник

16:56пожаловаться #8

AI

Andrei 💅💅💅 Iashchak in AngularPiter - русскоговорящее сообщество

Andrey Shaban

Всем привет. У меня на проекте есть проблема. Я использую bootstrap + kendo-bootstrap + custom theme.
При сборке это дело всё очень долго собирается и требует много памяти. Всё лишнее вроде убрал из импорта.
Может быть я делаю что-то не так?

Будстреп

источник

18:13пожаловаться #9

AI

Andrei 💅💅💅 Iashchak in AngularPiter - русскоговорящее сообщество

Andrey Shaban

Всем привет. У меня на проекте есть проблема. Я использую bootstrap + kendo-bootstrap + custom theme.
При сборке это дело всё очень долго собирается и требует много памяти. Всё лишнее вроде убрал из импорта.
Может быть я делаю что-то не так?

А еще вангую - один модуль в вашем проекте

источник

18:14пожаловаться #10

AS

Andrey Shaban in AngularPiter - русскоговорящее сообщество

Модуль не один

источник

18:14пожаловаться #11

Вキ

Вертихвост キバ in AngularPiter - русскоговорящее сообщество

Andrey Shaban

Всем привет. У меня на проекте есть проблема. Я использую bootstrap + kendo-bootstrap + custom theme.
При сборке это дело всё очень долго собирается и требует много памяти. Всё лишнее вроде убрал из импорта.
Может быть я делаю что-то не так?

Какая версия angular/cli/devkit/typescript?

источник

18:17пожаловаться #12

AI

Andrei 💅💅💅 Iashchak in AngularPiter - русскоговорящее сообщество

Andrey Shaban

Модуль не один

Покажите граф модулей

источник

18:18пожаловаться #13

AS

Andrey Shaban in AngularPiter - русскоговорящее сообщество

"@angular/core": "^7.1.0",
"@angular/cli": "^7.0.6",
"@angular/compiler-cli": "^7.1.0",
"typescript": "~3.1.6"
"@angular-devkit/build-angular": "~0.10.0",

источник

18:19пожаловаться #14

Вキ

Вертихвост キバ in AngularPiter - русскоговорящее сообщество

Andrey Shaban

"@angular/core": "^7.1.0",
"@angular/cli": "^7.0.6",
"@angular/compiler-cli": "^7.1.0",
"typescript": "~3.1.6"
"@angular-devkit/build-angular": "~0.10.0",

Тогда вариантов немного.

Самое простое:
добавить немного памяти, бывает, что это может помочь. Убедиться, что используется node.js 10.x и выше. Отключить сорсмапы, если они включены.

Если из этого ничего не помогает:
проанализировать зависимости между модулями, по возможности развязать их и сделать зависимости на абстракциях. Если приложение очень большое, то может помочь nrwl nx, так как он дает возможность инкрементально собирать внешние зависимости, но это не панацея.
Так же еще можно рассмотреть возможность использовать для сборки что-то другое, что позволит делать ее инкрементально.

источник

18:24пожаловаться #15

AS

Andrey Shaban in AngularPiter - русскоговорящее сообщество

Само приложение собирается быстро
Проблема только в scss->css
Просто можно собрать один раз css bootstrap + kendo и хранить его в репозитории
При каких-то глобальных изменениях придётся пересобрать, но я думаю это не так часто.
Такой подход не сильно пахнет?

источник

18:28пожаловаться #16

Вキ

Вертихвост キバ in AngularPiter - русскоговорящее сообщество

Andrey Shaban

Само приложение собирается быстро
Проблема только в scss->css
Просто можно собрать один раз css bootstrap + kendo и хранить его в репозитории
При каких-то глобальных изменениях придётся пересобрать, но я думаю это не так часто.
Такой подход не сильно пахнет?

Это вполне нормально, так как css если и меняется, то очень редко

источник

18:29пожаловаться #17

Вキ

Вертихвост キバ in AngularPiter - русскоговорящее сообщество

Можете даже каким-нибудь gulp, или что есть под рукой собирать

источник

18:29пожаловаться #18

AS

Andrey Shaban in AngularPiter - русскоговорящее сообщество

@thekiba Спасибо

источник

18:30пожаловаться #19

2018 December 16

Вキ

Вертихвост キバ in AngularPiter - русскоговорящее сообщество

Всем привет!

Запаблишил схематики для генерации bazel бойлерплейта. Там еще много чего нет, и не мало предстоит сделать, но настроил простой запуск, чтобы можно было пощупать.

Цель: получить простой и удобный в использовании schematics для bazel, чтобы можно было мигрировать одной командой любой по сложности проект. И ответить на вопрос, работает ли bazel для web или нет.

Одному тянуть подобный объем работ будет тяжело, поэтому будет очень здорово если найдутся люди, которые разбираются или хотят разобраться в следующих вещах:
+ Angular Compiler
+ Angular Schematics
+ AST
+ Babel
+ Bazel
+ TypeScript Compiler API

Все расписано в Readme, там буквально пара команд.
Если кто хочет присоединиться, пишите.

https://github.com/angular-red/bazel-schematics

GitHub

angular-soviet/bazel-schematics

🌈 BAZEL + Angular + Schematics = BAZELIN, BAZEL Boilerplate Schematics - angular-soviet/bazel-schematics

источник

21:02пожаловаться #20