开发者社区> 问答> 正文

如何配置Webpack以使用HTML模版?

如何配置Webpack以使用HTML模版?

展开
收起
迪哒迪滴喵 2024-08-13 18:12:53 34 0
1 条回答
写回答
取消 提交回答
  • 要配置Webpack以使用HTML模版,首先需要安装html-webpack-plugin插件。然后,在Webpack的配置文件中,通过plugins数组添加HtmlWebpackPlugin的实例,并指定template属性为你的HTML模版文件路径。例如:

    const HtmlWebpackPlugin = require('html-webpack-plugin'); 
    const path = require('path'); 
    const srcDir = path.join(__dirname, "../src"); 
    
    module.exports = { 
    // 其他配置... 
    plugins: [ 
    new HtmlWebpackPlugin({ 
    template: `${srcDir}/index.html` 
    }) 
    ] 
    };
    
    2024-08-13 20:51:22
    赞同 1 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
天猫 HTML5 互动技术实践 立即下载
基于webpack和npm的前端组件化实践 立即下载
天猫HTML5互动技术实践 立即下载