html-webpack-plugin如何与html-loader一起使用？

  • Z时代
  • 2024-01-10
  • 分类：问答

我想到了一个加载器调用，只有当某些资源进口版或需要某处Id和资源匹配这样的装载机。html-webpack-plugin如何与html-loader一起使用？

但在下面的代码中，任何地方都不会导入html文件，但由于html中的下划线模板内容，html-loader仍然需要进行编译传递。

所以，我有以下问题：

  1. 什么时候HTML加载器来打？在生成包之后还是之前？

  2. 为什么webpack会调用html-loader？由于插件中的模板设置？

  3. 插件是否使用加载程序的输出？但是输出只是一个字符串，它怎么会有所作为？

    //webpack.config.js 
    const webpack = require('webpack'); 
    const path = require('path'); 
    const htmlPlugin = require('html-webpack-plugin'); 
    module.exports = { 
        entry: { 
         a: './a.js' 
        }, 
        output: { 
        filename: '[name].[chunkhash].js', 
        chunkFilename: '[name].[chunkhash].js', 
        path: path.resolve(__dirname, 'dist') 
    }, 
    module: { 
        rules: [ 
        { 
         test: /\.html$/, 
         loader: "html-loader" 
        } 
        ] 
    }, 
    plugins: [ 
         new htmlPlugin({ 
         template:path.resolve(__dirname,'index.html') 
        }) 
    ] 
    }; 
    //index.html 
        <!DOCTYPE html> 
        <html> 
        <head> 
         <title></title> 
        </head> 
        <body> 
         <script id="item-template" type="text/template">  
         <label><%= title %></label> 
         </script> 
        </body> 
        </html>

回答：

我会尽量回答你我最好的问题：

有从HtmlWebpackPlugin到HTML装载机没有依赖性。

  1. 的HTML装载机进场时的WebPack检测到您的JavaScript如下：require('./app.component.html')，因为你有下面的测试：/\.html$/。默认的操作是将该文件中的html放在require的地方。

  2. html-loader独立于HtmlWebpackPlugin。

  3. 据我所知，没有。

我希望你能理解webpack更好一点这个答案。

以上是 html-webpack-plugin如何与html-loader一起使用？ 的全部内容， 来源链接： utcz.com/qa/266569.html

回到顶部