const path = require('path')
const resolve = dir => path.join(__dirname, dir)

module.exports = {
	publicPath: "./", // ./相对路径
	// chainWebpack: config => {
	// 	// 配置
	// 	config.module
	// 		.rule('worker')
	// 		.test(/\.worker\.js$/)
	// 		.use('worker')
	// 		.loader('worker-loader')
	// 		.options({
	// 			inline: 'fallback'
	// 		})
	// 		.end()
	// 	config.module.rule('js').exclude.add(/\.worker\.js$/)
	// 	// 解决 "window is undefined", 这是因为 worker 线程中不存在 window 对象, 要用 this 代替: (不过我的项目中配置了这个也不行, 用的 self 代替, 后面介绍)
	// 	config.output.globalObject('this')
	// },
	css: {
		loaderOptions: {
			// 向 CSS 相关的 loader 传递选项
			less: {
				javascriptEnabled: true
			}
		}
	},
	lintOnSave: false,
	chainWebpack: config => {
		config.resolve.alias
			.set('@', resolve('./src'))
			.set('@Common', resolve('./src/views/main/CommonCompontent'))
	},
	// 开启调试
	configureWebpack: {
		devtool: 'source-map'
	},
	parallel: false,
	productionSourceMap: false, // 打包时不生成.map文件
	pluginOptions: {
		'style-resources-loader': {
			preProcessor: 'less',
			patterns: [
				path.resolve(__dirname, './src/common/styles/global.less')
			]
		}
	}
}