const withPlugins = require("next-compose-plugins");
const withImages = require("next-images");
const withSass = require("@zeit/next-sass");
const webpack = require("webpack");
const path = require("path");
// const withCSS = require("@zeit/next-css");

require("dotenv").config();

// module.exports = withPlugins([[withSass], [withImages], [withCSS]], {
// 	// env: {
// 	// 	API_URL: process.env.API_URL,
// 	// },
// 	trailingSlash: true,
// webpack(config, { dev }) {
// 	if (dev) {
// 		config.devtool = "cheap-module-source-map";
// 	}
// 	config.resolve.modules.push(path.resolve("./"));
// 	return config;
// },
// 	generateEtags: false,
// });

module.exports = withPlugins([[withSass], [withImages]], {
	trailingSlash: true,
	generateEtags: false,
	webpack(config, { dev }) {
		if (dev) {
			config.devtool = "cheap-module-source-map";
		}
		config.resolve.modules.push(path.resolve("./"));
		return config;
	},
});

// module.exports = withSass({
// 	cssModules: true,

// 	cssLoaderOptions: {
// 		importLoaders: 1,
// 		localIdentName: "[local]_[hash:base64:5]",
// 		url: false,
// 	},
// 	trailingSlash: true,
// 	webpack(config, { dev }) {
// 		if (dev) {
// 			config.devtool = "cheap-module-source-map";
// 		}
// 		config.resolve.modules.push(path.resolve("./"));
// 		return config;
// 	},
// 	...withImages({
// 		webpack(config, { dev }) {
// 			if (dev) {
// 				config.devtool = "cheap-module-source-map";
// 			}
// 			config.resolve.modules.push(path.resolve("./"));
// 			return config;
// 		},
// 	}),
// 	generateEtags: false,
// });