Skip to content

Instantly share code, notes, and snippets.

@MFry
Last active February 16, 2023 16:58
Show Gist options
  • Save MFry/41fd51e8057152b9b914ecd1379a53d2 to your computer and use it in GitHub Desktop.
Save MFry/41fd51e8057152b9b914ecd1379a53d2 to your computer and use it in GitHub Desktop.
Getting toastr npm to play with webpack
import * as Toastr from 'toastr';
import './/../node_modules/toastr/build/toastr.css'; //You need style and css loader installed and set
Toastr.options.timeout = 2000; //Change the settings
Toastr.info('This works!');
//In case anyone was having the same issue in getting toastr to run with webpack and es6
var webpack = require('webpack');
var path = require('path');
var assetsPath = '/assets/javascript';
var destinationPointPath = '/dist';
// Why use ProvidePlugin and externals: http://stackoverflow.com/a/30587246/1771644
module.exports = {
entry: `${__dirname}` + '/javascript/src/app.js',
output: {
path: `${__dirname}`+ '/dist',
filename: 'co.js'
},
resolve :{
extensions: ["", ".js"]
},
externals: {
"jquery": "jQuery"
},
module: {
loaders: [
{
test: /\.css$/, loader: 'style-loader!css-loader'
},
{
test: /\.js$/, loader: 'babel',
exclude: /(node_modules|bower_components)/,
query: {
presets: ['es2015']
}
}
]
},
plugins: [
new webpack.ProvidePlugin({
$: "jquery"
})
]
}
@kcollignon
Copy link

Great Gist, thank you!

Just fyi the timeout option is labeled timeOut

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment