const path = require('path');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
// const postCssPlugins = require('./post-css-plugins');

module.exports = function(env) {
    return {
        module: {
            rules: [
                {
                    test: /\.css$/,
                    use: ExtractTextPlugin.extract({
                        publicPath: '../',
                        use: [
                            {
                                loader: 'css-loader',
                            },
                        ],
                        fallback: 'style-loader',
                    }),
                },
                {
                    test: /\.scss$/,
                    use: ExtractTextPlugin.extract({
                        publicPath: '../',
                        fallback: 'style-loader',
                        use: [
                            {
                                loader: 'css-loader',
                                options: {
                                    sourceMap: false,
                                    // includePaths: [path.resolve(__dirname, 'node_modules')],
                                },
                            },
                            // {
                            //     loader: 'postcss-loader',
                            //     options: {
                            //         sourceMap: false,
                            //         plugins: [],
                            //         // plugins: postCssPlugins(env),
                            //     },
                            // },
                            {
                                // loader: 'fast-sass-loader',
                                loader: 'sass-loader',
                                options: {
                                    sourceMap: false,
                                    includePaths: [path.resolve(__dirname, 'node_modules')],
                                },
                            },
                            // {
                            //     loader: 'style-resources-loader',
                            //     options: {
                            //         patterns: require(path.join(process.cwd(), 'dev/scss/scss-resources.js')),
                            //         // resolveUrl: false,
                            //         // injector: (source, resources) => {console.log('RESOURCES', resources); return resources.map(({ content }) => content).join('') + source}
                            //         injector: 'prepend', // mb: append | func
                            //     },
                            // },
                            {
                                loader: 'sass-resources-loader',
                                options: {
                                    // globally needed mixins, functions, etc.
                                    resources: require(path.join(process.cwd(), 'dev/scss/scss-resources.js')),
                                },
                            },
                            // {
                            //     loader: 'sass-loader',
                            //     options: {
                            //         sourceMap: true
                            //     }
                            // },
                        ],
                    }),
                },
                {
                    test: /\.(woff|woff2|eot|ttf|otf|TTF|OTF)$/,
                    use: [
                        {
                            loader: 'file-loader',
                            options: {
                                name: 'fonts/[name]/[name].[ext]',
                            },
                        },
                    ],
                },
            ],
        },
        plugins: [
            new ExtractTextPlugin('css/[name].css', {
                allChunks: true,
            }),
        ],
    };
};