vishal0203 / file-include-webpack-plugin Goto Github PK

The

npm install --save-dev file-include-webpack-plugin

throws an error:

npm ERR! Could not resolve dependency:
npm ERR! peer webpack@"^4.0.0" from [email protected]

I think the peerDependency should include webpack 5:

peerDependency: {
  webpack: "^4.0.0 || ^5.0.0"
}

Any chance to fix that, please? Would be awesome!

Is there a way to use @@webroot keyword for importing partials? Similar to the one gulp-file-include had?

В документации указаны примеры с Висячей запятой. Плагин выдает ошибку если ее оставить!

 @@include('html/_header.htm', {
        "line": "header_line",
 })

Hi,
I was happy to read that the plugin supports partials inside partials.
Could you maybe provide an example for that?

I somehow can't manage to get it done, the paths won't resolve.

(For test purposes) I put both partials in the same folder, one below the main index.html:

index.html
/partials/partial1.html
/partials/partial2.html

index.html:
...
@@include('./partials/partial1.html')
...

partial1.html:
...
@@include('./partial2.html')
...

---> resolves as src/partial2.html (not found)

If I include the second partial via @@include('./partials/partial2.html'):
--> resolves as src/partials/partials/partial2.html (not found)

The first partial works fine.

Is this a bug or do I just not get it right? A code example would be great! 👍

I've been using gulp-file-include for a lot of years and I am happy to find a similar plugin for Webpack. Great job! I wonder if it's possible to set indent: true in this version for proper indentation of included partials. Thanks!

Any idea if this feature will arrive soon? :)

@Vishal0203 I'm setting up my webpack config file like this:

new FileIncludeWebpackPlugin({
      source: './src/views'
    }),

My error is:

Error: ENOENT: no such file or directory, mkdir '/Users/evan/Documents/Projects/my-framework/dist/partials'

However, if I make my webpack config:

new FileIncludeWebpackPlugin({
      source: './src2/views'
    }),

My error is:

Error: ENOENT: no such file or directory, mkdir '/Users/evan/Documents/Projects/my-framework/src2/partials'

Is this meant to work with webpack dev server ?

we should be able to require images etc in html files and the plugin should be able to resolve that and update that in the build out put.

Similar to the gulp-file-include plugin, is it possible to have the support for @@if and @@for ?

in the last update you added clean-html and it turns out that it removes the tags <scripts> (((

after build, html has wrong indents.

How to fix it?

if @@include('html/src'{}) is not the correct path then the webpack dev server stops working and you have to fix the path and also run npm run dev again.

I would like possibility to add includes in partial.
Maybe with the recursive method processFile.

What do you think about that ?

If I want to use an html partial for a card in a grid for example I'd currently have to have markup for the entire grid the the partial.
It would be great if this worked more like gulp-file-include and you could instead include the card partial multiple times and passing different variables for each include

Hello,

I am certain this is the type of plugin I want to easily include partial HTML files in my pages.

However I am a bit lost on how to have this plugin automatically insert the script tags like the html-webpack-plugin does.

Should I be using both of these plugins? if so, how should I be configuring it?

Thanks!