// 通过使用这个配置文件实现Vue的配置项
module.exports = {
	// 根据不同的情况配置不同的打包文件
	// chainWebpack是链式操作，configureWebpack是对象操作
	chainWebpack: config => {
		// 这是生产者模式
		config.when(process.env.NODE_ENV === 'production', config => {
			config.entry('app').clear().add('./src/main-prod.js')
			// 在生产者模式里面配置CDN优化的策略
			config.set('externals', {
				vue: 'Vue',
				'vue-router': 'VueRouter',
				axios: 'axios',
				lodash: '_',
				echarts: 'echarts',
				nprogress: 'NProgress',
				'vue-quill-editor': 'VueQuillEditor'
			})

			// 在生成者模式情况里面配置自定义的index.html的内容，包括在开发者模式下不引人外部的CDN文件，以及显示开发者模式下的title
			config.plugin('html').tap(args => {
				args[0].isProd = true
				return args
			})
		})

    // 这是开发者模式
		config.when(process.env.NODE_ENV === 'development', config => {
			config.entry('app').clear().add('./src/main-dev.js')
			config.plugin('html').tap(args => {
				args[0].isProd = false
				return args
			})
		})
	}
}