//"use strict" 指令在 JavaScript 1.8.5 (ECMAScript5) 中新增。
//
// 它不是一条语句，但是是一个字面量表达式，在 JavaScript 旧版本中会被忽略。
//
// "use strict" 的目的是指定代码在严格条件下执行。
//
// 严格模式下你不能使用未声明的变量。
'use strict'

const path = require('path')
// 定义输出路径，根据springboot启动对入口文件的要求，指定改路径，打包成jar后根路径既为class路径
var outputDir = path.resolve(__dirname, './target/classes/static')

function resolve(dir) {
	return path.join(__dirname, dir)
}

module.exports = {
	//基本路径
	publicPath: './',
	//构建时的输出路径
	outputDir: outputDir,
	//构建时放置静态资源路径，根路径为outputDir
	assetsDir: 'assets',
	//是否在保存的时候使用 `eslint-loader` 进行检查
	lintOnSave:true,
	//是否使用包含运行时编译器的 Vue 构建版本。设置为 true 后你就可以在 Vue 组件中使用 template 选项了，但是这会让你的应用额外增加 10kb 左右
	runtimeCompiler:true,
	//用于多页配置，默认是undefined
	pages:{
		index:{
			//page的入口文件
			entry:'index/main.js',
			//模板文件
			template:'public/index.html',
			//在输出路径中的文件输出文件名
			filename:'index.html',
			//当使用页面title选项时,
			//template中的title标签需要是<title><%= htmlWebpackPlugin.options.title %></title>
			title:'样例'
		}
	},
	chainWebpack: config => {
		// set svg-sprite-loader  设置自定义SVG图标
		config.module
			.rule('svg')
			.exclude.add(resolve('index/layout/icons'))
			.end()
		config.module
			.rule('icons')
			.test(/\.svg$/)
			.include.add(resolve('index/layout/icons'))
			.end()
			.use('svg-sprite-loader')
			.loader('svg-sprite-loader')
			.options({
				symbolId: 'icon-[name]'
			})
			.end()
	}
}