webpack多入口打包

首先得确定用webpack构建的应用,再然后后就是确定目录。

这两个js文件分别对应两个html文件,在 html中需要分别引入对应的js文件。处理html中引入的问题可以使用 html-webpack-plugin 这个插件。

配置:

module.exports = {
    entry: {
        index: path.resolve(__dirname, "./src/index.js"),
        map: path.resolve(__dirname, "./src/map.js"),
    },
    plugins: {
        new HtmlWebpackPlugin({
            template: path.resolve(__dirname, "./public/index.html"),
            filename: "index.html",
        }),
        new HtmlWebpackPlugin({
            template: path.resolve(__dirname, "./public/map.html"),
            filename: "map.html",
        }),
    }
}

相关推荐

  1. Webpack打包

    2023-12-27 02:24:03       18 阅读
  2. Webpack打包

    2023-12-27 02:24:03       12 阅读
  3. Webpack5入门到原理22:提升打包构建速度

    2023-12-27 02:24:03       33 阅读
  4. webpack 打包前端项目

    2023-12-27 02:24:03       28 阅读
  5. webpack 打包前端项目

    2023-12-27 02:24:03       31 阅读
  6. Webpack打包vue项目

    2023-12-27 02:24:03       37 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-27 02:24:03       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-27 02:24:03       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-27 02:24:03       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-27 02:24:03       18 阅读

热门阅读

  1. 二叉树路径总和系列问题

    2023-12-27 02:24:03       43 阅读
  2. 一、引言( C#的应用领域)

    2023-12-27 02:24:03       39 阅读
  3. 离线安装Python依赖:以six和websocket-client为例

    2023-12-27 02:24:03       39 阅读
  4. termux_ubuntu 系统配置

    2023-12-27 02:24:03       42 阅读
  5. Python---静态Web服务器-多任务版

    2023-12-27 02:24:03       40 阅读
  6. 详细讲解node的ws中服务端的websocket.server的各种api

    2023-12-27 02:24:03       36 阅读
  7. 设计模式之工厂模式

    2023-12-27 02:24:03       38 阅读
  8. PHP函数学习总结

    2023-12-27 02:24:03       49 阅读