Ciężko pracuję do dołączenia prostego stopki.html, jako częściowy html) przez {x0}}. Używam webpack w wersji 2.

Nie udało mi się użyć ${require('**./footer.html**')} i ${require('**../footer.html**')}.

Nie używam EJS Loader i nie używam wtyczki kierownicy.

Czy ktoś wie, jak mogę rozwiązać ten problem i czy możliwe jest renderowanie częściami z webpack.

Dzięki za radę!

3
Mathias 26 czerwiec 2017, 23:42

4 odpowiedzi

Najlepsza odpowiedź

Funkcja nazywa się Interpolaation. Tutaj { test: /\.html$/, use: ['html-loader?interpolate'] }, to konfiguracja webpack reguła , która wykorzystuje ją, określając flagę {x1}}.

1
Felicio 13 sierpień 2017, 17:44

Testowałem ze sobą plik webpack.config.js. Wszystko, co musisz zrobić, to Usuń następujący:

{
    test: /\.html$/,
    use: ['html-loader']
},

Tak, że Fallback Lodash Loader wchodzi w grę.

0
Sidharth Ravi 21 listopad 2017, 08:43

W pliku WebPack.Config możesz dodać główny html jak poniżej

   plugins: [ 
    new HtmlWebpackPlugin({
        template: 'index.html'
    }),
    new ExtractTextPlugin('bundle.css')
],

Uwzględnij HTML-Loader w pakiecie.Json i użyj metody Poniżej metody w samym bloku Config.

  $stateProvider.state('app', {
            url: '/app',
            template: require('html-loader!root/app/Common/templates/role.html'),
            controller: 'roleController'
        })

Więc wszystkie częściowe zostaną włączone w bundle.js same.

0
Raphael 4 sierpień 2017, 16:12

Używam html-loader i po prostu dodaj <%= require('html-loader!./partial/header.html') %> do mojego głównego index.html. To działa dla mnie.

3
Serg Bolten 1 lipiec 2017, 10:12