Can't expose bluebird using `module.loaders` config in webpack.config.js. about expose-loader

[ErikSchierboom]

I have the exact same issue. Any ideas?

[MichaelBuen]

use webpack.ProvidePlugin

const plugins = [
    new webpack.NamedModulesPlugin(),
    new HtmlWebpackPlugin({
        title: 'Ssk',
        filename: 'index.html',
        template: '../template/index.html',
        // chunksSortMode: 'dependency'
    }),
    new webpack.ProvidePlugin({
        'Promise': 'bluebird'
    })
];


const config = {
    context: path.join(__dirname, 'front-end'),
    entry: entries,
    output: {
        path: path.join(__dirname, 'dist--front-end'),
        filename: '[name].js',
        chunkFilename: '[name].chunk.js'
    },
    // Enable sourcemaps for debugging webpack's output.
    devtool: 'source-map',
    resolve: {
        extensions: ['.ts', '.tsx', '.js', '.jsx'],
        // modules: ['front-end', 'node_modules']
    },
    plugins: plugins,
    module: {
        rules: rules
    },
    devServer: {
        historyApiFallback: {
            index: '/index.html'
        }
    }
};

module.exports = config;

Test code:

// noinspection TsLint
console.log(`bluebird is${!!(Promise as any)['promisifyAll'] ? '': ' not'} available`);

Output:

[d-ph]

Thanks for your answer, Michael.

I'm closing this ticket because I now use a separate ts/js file where I import all js polyfills I require for the browsers I support. I actually prefer this way of doing this because I can see at a glance what I polyfill in my project without rummaging through the webpack's config file.

Thanks again for your time, though. I appreciate it.