требовать () html-файл в сборке browserify npm

#angularjs #browserify #require

#angularjs #browserify #требовать

Вопрос:

Я вижу некоторые проблемы, когда я использую require() для включения содержимого html-файла в мой угловой компонент. Я скопирую и вставлю только те разделы, которые имеют отношение к проблеме, с которой я столкнулся.

Вот как выглядит мой компонент верхней навигации.

 angular.module('topNavModule', [])
.component('topNav', {
    //bindings: { 
    //},
    template: require('./topNav.html')
});
 

Когда я добавляю компонент top-nav в свой основной index.html файл, который я вижу [object Object]. Пожалуйста, обратите внимание, что когда я добавляю встроенный html (вместо require()), я вижу HTML правильно.

Мой topNav.html это просто какой-то простой html-код, заключенный в `. Есть ли что-нибудь еще, что мне нужно сделать, чтобы require() html работал правильно?

Комментарии:

1. Ваш модуль должен экспортировать вашу строку…

2. Можете ли вы включить свою конфигурацию Browserify в свой вопрос? Используете ли вы stringify ?

3. @cartant Я просто установил и использую Browserify. Так что, возможно, используя конфигурацию по умолчанию! Нужны ли нам какие-то дополнительные модули узла, чтобы это работало?

4. @Alexandero’Mara В любом случае мы можем это сделать, не выполняя module.exports?

5. Да, взгляните stringify .

Ответ №1:

Хорошо, я на самом деле искал модуль узла partialify.

require() — поддерживает HTML, CSS и (потенциально) больше require() содержимое файлов HTML, CSS и (потенциально) больше в переменную в виде строки.