Skip to content

Instantly share code, notes, and snippets.

@olore
Last active August 22, 2019 05:46
Show Gist options
  • Save olore/ee9eed9a1ba75bc6b3fb1fb92502f7b9 to your computer and use it in GitHub Desktop.
Save olore/ee9eed9a1ba75bc6b3fb1fb92502f7b9 to your computer and use it in GitHub Desktop.
webpack step 1 - refactor
var webpack = require('webpack');
var StringReplacePlugin = require("string-replace-webpack-plugin");
module.exports = {
output: {
filename: 'build/static/redbox/vendor/js/vendor.min.js'
},
entry: {
vendor: './webpack-config/vendor.ts'
},
module: {
rules: [
{
test: require.resolve('jquery'),
use: [
'expose-loader?jQuery',
'expose-loader?$'
]
},
{
test: require.resolve('modernizr'),
use: [
'expose-loader?Modernizr',
'imports-loader?this=>window!exports-loader?window.Modernizr'
]
},
{
test: require.resolve('detectizr'),
use: [
'expose-loader?Detectizr',
'imports-loader?this=>window!exports-loader?window.Detectizr'
]
},
{
test: require.resolve('lodash'),
use: [
'expose-loader?_'
]
},
{
test: require.resolve('moment'),
use: [
'expose-loader?moment'
]
},
{
test: require.resolve('fastclick'),
use: [
'expose-loader?FastClick'
]
},
{
test: require.resolve('angular'),
use: [
'expose-loader?angular'
]
},
{
test: require.resolve('d3'),
use: [
'expose-loader?d3'
]
},
{
test: require.resolve('log4javascript'),
use: [
'expose-loader?log4javascript'
]
},
{
test: require.resolve('highcharts'),
use: [
'expose-loader?Highcharts'
]
},
{
test: require.resolve('phoneformat'),
use: [
{
loader: 'expose-loader',
options: 'goog'
}, {
loader: 'imports-loader?this=>window!exports-loader?goog'
},
{
loader: StringReplacePlugin.replace({
replacements: [
{
pattern: /var i18n/ig,
replacement: function (match, p1, offset, string) {
return 'window.i18n';
}
}
]})
}
]
},
{
test: /vendor.ts$/,
loader: 'awesome-typescript-loader',
query: {
configFileName: './webpack-config/tsconfig-webpack.json'
}
},
{
test: require.resolve('isotope/dist/isotope.pkgd'),
loaders: [
'imports-loader?this=>window'
]
}
]
},
plugins: [
new StringReplacePlugin(),
// FIXME - test moment locales with server:predit
// Fixes warning in moment-with-locales.min.js
// Module not found: Error: Can't resolve './locale' in ...
new webpack.IgnorePlugin(/\.\/locale$/)
]
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment