
Alexey
19.08.2016
08:35:22
добавил свой webpack.config.js в корень
'use strict';
var ExtractTextPlugin = require("extract-text-webpack-plugin");
var plugins = [
new ExtractTextPlugin("[name].css")
];
module.exports = {
context: __dirname + '/src',
entry: {
vendor: ['./css/vendor.less'],
app: ['./css/app.less']
},
output: {
path: __dirname + '/public/build',
filename: '[name].js'
},
devtool: "source-map",
plugins: plugins,
module: {
loaders: [
{
test: /\.less$/,
loader: ExtractTextPlugin.extract("css?sourceMap!less?sourceMap")
},
{
test: /\.(woff|woff2|ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
loader: 'file?name=fonts/[name]/[name].[ext]?[hash]'
}
]
}
};
и прописал команды в package.json
"scripts": {
"start": "webpack -w & ng serve",
"build": "webpack -p && ng build -prod",
...
},

Google

Alexey
19.08.2016
08:38:49
в принципе это достаточно простой способ интегрировать во встроенный билд-флоу свои кастомные пайпы
и смысла нет особого продавливать разработчиков angular-cli чтобы они вынесли базовый webpack-конфиг наружу

Sergey
19.08.2016
09:39:22
? Нужно потестить

Alexey
19.08.2016
09:54:01
только "extract-text-webpack-plugin": "2.0.0-beta.3" нужно использовать а не 1.0
1.0 не работает с webpack 2

Sergey
19.08.2016
09:55:52
Ну круто, что можно. Значит можно попробовать затестить cli

Andrey
19.08.2016
10:05:36

Alexey
19.08.2016
10:41:59
у меня была такая ошибка
https://github.com/webpack/webpack/issues/2764

Sergey
19.08.2016
13:26:40
Остался вопрос, как отключить модуль из их webpack )

Vadim
22.08.2016
07:02:04
Интересно, как php относится к вёрстке?

Алексей
22.08.2016
07:09:42

Sergey
22.08.2016
08:27:01
У меня не маленький опыт верстки на фрилансе, в большинстве случаев при верстке требуют минимальные знания пыхыпы потому что будете верстать под всякие cms.

Google

Sergey
22.08.2016
08:29:24
скорее даже так, если вы начинающий верстальщик то без знаний базовых cms к примеру натяжка шаблона - найти работу практический нереально.

Yan?
22.08.2016
08:30:10
Натягивать на цмс дело пыхаря) если это приходиться делать верстальщику значит он где-то не договорился

Sergey
22.08.2016
08:31:41
Я про реальный мир пишу а не про то как должно быть)

Yan?
22.08.2016
08:34:09
ну вот после того как все разрабы будут идти на компромисс со временем останутся ток вакансии 3 года опыта в пыхе 3 года в ноде знание всех js фреймворков и библиотечек за 30к
ну и там что еще модное бэм этот яндексоидный сверху

Sergey
22.08.2016
08:51:27
Подскажите как правильно проверять на админа? У меня регистрация через firebase, держать права пользователя в базе?

Yan?
22.08.2016
08:52:22
а где ж их еще можно держать?
точно не на клиенте)

Sergey
22.08.2016
08:55:27
Как связывать грубо говоря? Например я зарегался по почте, в firebase прилетел Вася Пупкин с почтой, а как его связать с бд?
Или я должен заранее права прописывать в бд?


Alexey
22.08.2016
08:57:29
Коллеги, как ни странно этот чатик больше чем чат по TS поэтому продублирую свою проблему и здесь
Alexey Krasman, [22.08.16 11:49]
Всем привет. Есть проблема, может кто что посоветует. Бывает такая активная фаза разработки когда ты одновременно разрабатываешь какой-то отдельный модуль и приложение которое его использует (оба проекта на TS). Модуль допустим паблишится в npm и подключается в приложении как зависимость. В моем случае приложение на angular2 а модуль содержит в себе разнличные компоненты, например реализацию oauth2 для angular2. Получается что в обоих проектах Angular2 идет в зависимостях. Если подключать пакет через npm install то все нормально, npm резолвит зависимости, @anuglar/* появляется на верхнем уровне node_modules и все ок. Но как я уже сказал в условиях активной разработки это неудобно, поэтому я подключаю свой пакет локально через npm link в проект и тут начинаются конфликты. В node_modules/ появляется my_module/ внутри которого есть свой node_modules/ с @angular/* , получается дублирование зависимости ангуляра и TS начинает ругаться при компиляции в разных ситуациях, т.к при компиляции improt {MyNg2Module} from 'my_module'; внутри my_module import {*} from '@angular/http' лезет в свой вложеный node_modules/my_module/node_modules/@angular/http
Alexey Krasman, [22.08.16 11:50]
получается что код моего приложения при import { Http } from '@angular/http' получает другую копию Http нежели код делающий то же самое внутри 'my_module'
Alexey Krasman, [22.08.16 11:51]
не знаю понятно ли объяснил, в общем дело в том что при npm link в папке node_modules/my_module/ появляется вложеный node_modules
Alexey Krasman, [22.08.16 11:51]
и это проблема которую я пока не знаю как решить
Alexey Krasman, [22.08.16 11:53]
в compilerOptions я не нашел опции которая бы запрещала поиск пакетов глубже 1го уровня node_modules
кто сталкивался с такой проблемой? как решали?


Алихей
22.08.2016
09:23:56
а ты не пробовал в своем приложении пока указывать относительные пути, мне кажется так было бы проще.
import * from './path/to/module';

Алексей
22.08.2016
09:29:43

Алихей
22.08.2016
09:30:57
ну про деплой я не в курсе как пакеты стоят, но если так то видимо не вариант

Dmitry
22.08.2016
09:40:09
не совсем уверен

Alexey
22.08.2016
09:40:28
Нет, с путями извращаться это плохой вариант. Я пробовал.

Dmitry
22.08.2016
09:40:32
но если для сборки юзается webpack
через resolve.alias завернуть на абсолютный путь не получится?
нуу конткретно все импорты "@angular " по абс пути в глобальный node_modules

Google

Dmitry
22.08.2016
09:41:01
нооо могу ошибаться

Alexey
22.08.2016
09:41:40
А вот этот вариант я попробую
Но скорее всего это не поможет. Т.к это на уровне ts компиляции происходит
До вебпака
по крайней мере IDE точно ничего не знает про webpack.config.js поэтому будет ругаться на нестандартные пути

Vadim
23.08.2016
08:48:41
Господа, немного оффтоп, но что вы думаете на счёт приемлемости следующей ситуации:
Верстало фрилансер сделал работу по вёрстке достаточно качественно, НО изначально он делал всё на bootstrap 4 alpha 2, а к завершению ободрал scss bootstrap настолько, что выпилено из css либы оказалось около 80% стилей, полностью прибив бутстраповую адаптивность и вкорячив свою.
С использованием js всё более-менее нормально.
Т. Е. В результате работа формально выполнена качественно, но css собран из говна и палок.

Sergey
23.08.2016
08:53:58
Это всего лишь css, тем более сам бутстрап в альфе не пригоден к обновлению. Если хочет так пускай его хоть весь перепилит.

MVP
23.08.2016
10:49:03
> @basscreator
он делал всё на bootstrap 4 alpha 2
надо было уточнять на чем делать и детали переиспользования переменых фреймворка. а то теперь у вас говнокод на устаревшей rc-версии

Vadim
23.08.2016
11:41:58

MVP
23.08.2016
12:09:04

Evjeni
23.08.2016
14:02:00
rc6 когда?

Sergey
23.08.2016
14:42:39
rc6 когда?
Пока нет точной даты, rc5 вот долго делали

Yan?
23.08.2016
14:44:51
а когда там близится к конечному этапу уже

Ҫѐҏӗѫӑ
23.08.2016
14:48:03
через годик-другой
когда rxjs выйдет стабильный
btw rxjs следующий будет rc1

Yan?
23.08.2016
14:52:56
шож делать если попилить охота уже сейчас
или сейчас не супермажорные апдейты выходят которые ломают все?
или тупо фризить версию?

Sergey
23.08.2016
14:53:34

Google

Sergey
23.08.2016
14:54:00
Там все части нужные сделали и ничего глобального уже быть не должно
Последнее были модули
А кто юзает docker for Mac? (Offtop)

Anthony
23.08.2016
17:22:49

Sergey
23.08.2016
17:46:44
Бывает
Что используешь для ускорения volumes?

Anthony
23.08.2016
17:53:47
Эмм.. ты про этот докер?
Проблем с volumes не было вроде
а вообще, спроси лучше в @docker_ru

Sergey
23.08.2016
18:11:36
А вот список разных dev чатов в одном месте.
https://github.com/mr-mig/ru-tech-chats/blob/master/README.md

Sergey
23.08.2016
23:10:33
angular-cli/webpack пока не советую - вообще ничего с ним не могу настроить, сидите пока на systemjs

Dmitry
24.08.2016
05:17:11
Систем не нужен как по мне
Только если быстро вникнуть во фреймворк хочется
А вебпак настроить лень

Andrey
24.08.2016
05:18:28
Почему кстати systemjs выбрали изначально?)

Sergey
24.08.2016
05:18:44
Расскажу как было, был angular-cli
перевел его на rc5 заодно webpack выбрал в качестве сборщика
ждал когда primeng подтянет поддержку rc5

Google

Sergey
24.08.2016
05:21:40
дождался, попробовал по доке засунуть через vendor.ts - ни в какую не видел primeng
попробовал через webpack-statter-kit, сразу компоненты подхватились но css ни в какую, подсунул через copyWebpackPlugin, ну не копирует и все.
Забил, нашел голую сборку на webpack и все сразу заработало - где я тормозил не понятно вообще.

Sergey
24.08.2016
05:31:44
Cli уже вполне годен, со своими ограничениями по настройке конечно

Sergey
24.08.2016
05:35:38
cli больше понравился чем webpack-starter-kit, по мне стартер кит уж сильно конфиги замусорили

Alexey
24.08.2016
07:32:30
я уже успешно перевел сборку на angular-cli/webpack, проблем нет
как кастомизировать webpack конфиг писал выше
Эта группа больше не существует