Как правильно использовать webpack + angular templateCache?

Question

[DarthJS]

Всем привет! Разбираюсь в Webpack-om. Есть приложение на Angular, используется Gulp + Webpack.
Хочу все всюхи чтоб подтягивались через Angular $templateCache . Создаю таску в Галпе, оно мне делает файл темплейт, где всё чётенько собрало и реквайрится в глайвный app, все работает, дальше дело за Webpack:

entry: {
        app: ["bootstrap-webpack!./bootstrap.config.js", './app/app.js'],
        vendor: ['angular', 'bootstrap', 'angular-ui-router', 'oclazyload']
    },

    output: {
        path: path.join(__dirname, "dist"),
        filename: '/bundle.js'
    },
  plugins: [
        new webpack.optimize.CommonsChunkPlugin( /* chunkName= */ "vendor", /* filename= */ "/vendor.bundle.js"),

В директорию "dist" попадает bundle.js & vendor.bundle.js. Запускаю index.html, а он ругается на отсутствие вьюх! Вай? Они же должны забандлиться. Кто может обьясните плыз, что я не так понял или сделал.

Answer 1

[Сергей Протько]

https://github.com/angular-class/NG6-starter - как-то так. То есть angular template cache не нужен вообще.

Comments

[DarthJS]

Привет! Да, ты скидывал уже, помню. Мне чёт не нравится require(/*.html) в js файл, это нужно в каждом лепить. А так templateCache все сделало само. Только не пойму при сборке Webpack почему оно не срабатывает в собранном файл.

[Сергей Протько]

DarthJS: ну не сказать что я в восторге, но это в принципе логично и способствует модульности проекта. с templateCache слишком много гемороя. А так - удобненько. Только я вместо html jade использую. Ну и потом с ES2015 модулями и system.js можно делать так же и стандарт это не запрещает.

[DarthJS]

Сергей Протько: Ну а чем использование templateCache не модульная система? Сгенерил файл темплейт с вьюхами, который является полноценным модулем содержащим вюхи, далее реквайришь его в Апп и все дела. Только не пойму почему после Вебпака оно не работает :)

[Сергей Протько]

DarthJS: у меня у одного модуля есть add.html и у другого есть add.html, и в итоге мне надо вводить нэймспейсы. С require я просто не парюсь + у меня появляются дополнительные штуки. Например так как я использую jade у меня реквайрится таки не html строка а JS функция. так что в моем случае все вообще православно. И в эту JS функцию я могу передать атрибуты директивы, и в зависимости от оных что-то сделать.

С HTML да, тупова-то. С jade и другими препроцессорами которые могут скомпилить разметку в js - весьма удобно.