博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
webpack 多入口打包配置示例
阅读量:6820 次
发布时间:2019-06-26

本文共 394 字,大约阅读时间需要 1 分钟。

  • 入口修改成你想要的多个文件

821507-20170915101511641-1740178179.png

  • 准备好多入口页面,也就是多个main.js

821507-20170915101617282-201652731.png

  • 多入口自然要生成多个index.html ,注意 chunks: ['vendor', 'pageb', 'manifest'],

    manifest 这个trunk 是基于vendor 抽取出来的配置trunk,这个一定要引入到html文件 否则会报webpackjsonp找不到错误

    vendor 这个trunk 代表抽取出来的公共的库,如vue,vuex等
    pageb 这个 trunk 代表其中的一个多入口的trunk的名称

821507-20170915101810797-740331778.png

  • 这是上文提到的抽取出来的两个公共trunk vendor & mainfest

821507-20170915102334750-1472683488.png

  • 我们看一下最红打包出来的文件目录和 index.html 引入的文件
    821507-20170915102518360-1270701040.png

源码:

转载于:https://www.cnblogs.com/WhiteHorseIsNotHorse/p/7524984.html

你可能感兴趣的文章
Js中数组的操作
查看>>
浏览器缓存 from memory cache与from disk cache详解
查看>>
php编译常用选项
查看>>
Docker Machine 简介
查看>>
Angular4错误提示的说明(一)
查看>>
CCNA+NP学习笔记—交换网络篇
查看>>
一张图说明Linux启动过程
查看>>
Provider处理请求逻辑梳理
查看>>
我的友情链接
查看>>
查看当前服务链接数
查看>>
Open-Falcon 互联网企业级监控系统解决方案(2)
查看>>
抄录一份linux哲学思想
查看>>
DBLIKE创建命令
查看>>
cesiumjs开发实践(五) 坐标变换
查看>>
明明白白学C#第0章准备工作
查看>>
Xamarin.Forms单元控件Cell
查看>>
Linux下MySQL备份以及crontab定时备份
查看>>
Exchange 2016和 O365 混合部署系列三之混合配置
查看>>
shell脚本生成服务演示服务启动、停止过程。
查看>>
CentOS 7.4 Tengine安装配置详解(二)
查看>>