load html files with webpack into angular app using ngtemplate-loader

Question

I'm trying to load html partials in to my angular app using ngtempalte-loader I can't figure out how to only include a certain folder.

Lets say my tree structure is as so:

-root/
     -webpack.config.js
     -app/
        -templates/
           -template1/
               -file.html  
           -template2/

And I'm using this in the config file for webpack:

{
   test: /\.html$/,
   loader: 'ngtemplate?prefix=app/templates/!html'
}

I also tried with

relativeTo=

But i have no luck... It always goes through all my app and picks up all the html files. I would like to just have the partials in this folder being dealt with ngtemplate-loader. You guys know how?

Is it possible to use loader exclude option?

Boris Burkov
– Boris Burkov

2016-02-26 09:41:50 +00:00
Commented Feb 26, 2016 at 9:41 — Boris Burkov
– Boris Burkov, Commented Feb 26, 2016 at 9:41

Kayes · Accepted Answer · 2017-03-31 23:59:51Z

0

Not sure if this is still relevant, but you can give this a try. You require Node's 'path' module for this.

{
  test: /\.html$/,
  loader: 'ngtemplate?relativeTo=' + (path.resolve(__dirname, './app/templates')) + '/!html'
}

answered Mar 31, 2017 at 23:59

Kayes

1,0964 gold badges15 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

load html files with webpack into angular app using ngtemplate-loader

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related