zoukankan      html  css  js  c++  java
  • webpack(4)配置打包多个html

    现有文件:src/index.html,src/cart.html,src/js/jquery.js,src/js/common.js,src/js/index.js,src/js/cart.js。

    要求:将jquery.js和common.js打包在一起生成一个chunk,作为通用库,index.html和cart.html都需要引用这个打包出来的通用库

    index.js和cart.js分别打包生成自己的chunk

    index.html中还要引入index.js打包后的chunk,cart中还要引入cart.js打包后的chunk

    webpack.config.js文件:

    const{resolve}=require('path');
    const HtmlWebpackPlugin = require('html-webpack-plugin')

    module.exports={
        entry:{
            vender:['./src/js/jquery.js','./src/js/common.js'],
            index:'./src/js/index.js',
            cart:'./src/js/cart.js'
        },
        output:{
            path:resolve(__dirname,'build'),
            filename:'[name].js'
        },
        mode:'development',
        module:{
            rules:[]
        },
        plugins:[//这里需要打包两个html,所以有两个HtmlWebpackPlugin对象各自进行配置
            new HtmlWebpackPlugin({
                template:'./src/index.html',
                filename:'index.html',
                chunks:['vender','index']//配置html需要引入的chunk
            }),
            new HtmlWebpackPlugin({
                template:'./src/cart.html',
                filename:'cart.html',
                chunks:['vender','cart']//配置html需要引入的chunk
            }),
        ]
    }
  • 相关阅读:
    pointnet++之classification/train.py
    pointnet++的pytorch实现
    xavier初始化的简单推导
    z+f数据解析
    ubuntu安装dia
    卷积,reLu,池化的意义
    Split
    .net程序调试一:快速定位异常
    Memcached (第一篇)
    System.Web.Caching.Cache类 缓存 各种缓存依赖
  • 原文地址:https://www.cnblogs.com/maycpou/p/14507876.html
Copyright © 2011-2022 走看看