分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

webpack配置提取公共代码

发布时间:2023-09-06 02:20责任编辑:胡小海关键词:配置webpack

公共代码提取功能是针对多入口文件的;

  背景:在pageA.js和pageB.js中分别引用subPageA.js和subPageB.js

  webpack.config.js文件:

 1 var path = require(‘path‘) 2 module.exports = { 3 ????entry:{ 4 ????????pageA:‘./src/pageA.js‘, 5 ????????pageB:‘./src/pageB.js‘ 6 ????}, 7 ????output: { 8 ????????filename: "[name].js", 9 ????????path:path.resolve(__dirname,‘./dist‘)10 ????},11 ????optimization: {12 ????????splitChunks:{13 ????????????cacheGroups: {14 ????????????????vender:{15 ????????????????????test:/node_modules/,16 ????????????????????chunks:‘initial‘,17 ????????????????????name:‘vender‘,18 ????????????????????priority:1019 ????????????????},20 ????????????????utils:{21 ????????????????????chunks:‘initial‘,22 ????????????????????name:‘utils‘,23 ????????????????????minSize:024 ????????????????}25 ????????????}26 ????????}27 ????}28 }

webpack配置提取公共代码

原文地址:https://www.cnblogs.com/yangguoe/p/9882266.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved