var glob = require('glob');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var PAGE_PATH = path.resolve(__dirname, '../src/pages');
var merge = require('webpack-merge');
// 這段代碼的意思是根據我們`pages`下的文件夾定義webpack的入口：
exports.entries = function () {
 var entryFiles = glob.sync(PAGE_PATH + '/*/*.js')
 var map = {}
 entryFiles.forEach((filePath) => {
 var filename = filePath.substring(filePath.lastIndexOf('\/') + 1, filePath.lastIndexOf('.'))
 map[filename] = filePath
 })
 return map
}
// 這段代碼是將生成的html，加載對應的資源文件
exports.htmlPlugin = function () {
 let entryHtml = glob.sync(PAGE_PATH + '/*/*.html')
 let arr = []
 entryHtml.forEach((filePath) => {
 let filename = filePath.substring(filePath.lastIndexOf('\/') + 1, filePath.lastIndexOf('.'))
 let conf = {
 // 模板來源
 template: filePath,
 // 文件名稱
 filename: filename + '.html',
 // 頁面模板需要加對應的js腳本，如果不加這行則每個頁面都會引入所有的js腳本
 chunks: ['manifest', 'vendor', filename],
 inject: true
 }
 if (process.env.NODE_ENV === 'production') {
 conf = merge(conf, {
 minify: {
 removeComments: true, 
 collapseWhitespace: true,
 removeAttributeQuotes: true
 },
 chunksSortMode: 'dependency'
 })
 }
 arr.push(new HtmlWebpackPlugin(conf))
 })
 return arr
}