前端学习（2738）：重读vue电商网站48之通过 chainWebpack 自定义打包入口

前端小歌谣

于 2020-12-15 12:25:43 发布

阅读量263

点赞数

CC 4.0 BY-SA版权

分类专栏： # 歌谣--前端学习--vue2电商管理系统 # 歌谣--前端学习--总进程

本文链接：https://blog.csdn.net/weixin_43392489/article/details/110789115

歌谣--前端学习--总进程同时被 2 个专栏收录

2758 篇文章

订阅专栏

歌谣--前端学习--vue2电商管理系统

56 篇文章

订阅专栏

该博客主要讲解如何使用Webpack配置，在生产环境和开发环境中切换不同的入口文件。通过process.env.NODE_ENV变量，配置Webpack在生产环境时使用'main-prod.js'作为入口，在开发环境则使用'main-dev.js'。这种方法有助于实现代码分离和优化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

示例代码如下：

Javascript

module.exports = {
	chainWebpack: config => {
		config.when(process.env.NODE_ENV === 'production', config => {
		config.entry('app').clear().add('./src/main-prod.js')
	})
	config.when(process.env.NODE_ENV === 'development', config => {
	config.entry('app').clear().add('./src/main-dev.js')
	})
  }
}