jiti-meet/webpack.config.js

228 lines
7.4 KiB
JavaScript
Raw Normal View History

/* global __dirname */
require('babel-polyfill'); // Define Object.assign() from ES6 in ES5.
2016-09-22 05:57:22 +00:00
var HasteResolverPlugin = require('haste-resolver-webpack-plugin');
var process = require('process');
2016-11-24 05:18:24 +00:00
var webpack = require('webpack');
var aui_css = __dirname + '/node_modules/@atlassian/aui/dist/aui/css/';
2016-12-09 01:17:49 +00:00
/**
* The URL of the Jitsi Meet deployment to be proxy to in the context of
* development with webpack-dev-server.
*/
var devServerProxyTarget
= process.env.WEBPACK_DEV_SERVER_PROXY_TARGET || 'https://beta.meet.jit.si';
var minimize
2016-11-29 02:06:23 +00:00
= process.argv.indexOf('-p') !== -1
|| process.argv.indexOf('--optimize-minimize') !== -1;
2016-11-24 06:42:07 +00:00
var node_modules = __dirname + '/node_modules/';
2016-11-24 05:18:24 +00:00
var plugins = [
new HasteResolverPlugin()
];
var strophe = /\/node_modules\/strophe(js-plugins)?\/.*\.js$/;
2016-09-22 05:57:22 +00:00
2016-11-24 05:18:24 +00:00
if (minimize) {
// XXX Webpack's command line argument -p is not enough. Further
// optimizations are made possible by the use of DefinePlugin and NODE_ENV
// with value 'production'. For example, React takes advantage of these.
plugins.push(new webpack.DefinePlugin({
'process.env': {
NODE_ENV: JSON.stringify('production')
}
}));
2017-02-07 21:44:37 +00:00
// While webpack will automatically insert UglifyJsPlugin when minimize is
// true, the defaults of UglifyJsPlugin in webpack 1 and webpack 2 are
// different. Explicitly state what we want even if we want defaults in
// order to prepare for webpack 2.
plugins.push(new webpack.optimize.UglifyJsPlugin({
compress: {
// It is nice to see warnings from UglifyJsPlugin that something is
// unused and, consequently, is removed. The default is false in
// webpack 2.
warnings: true
},
// Use the source map to map error message locations to modules. The
// default is false in webpack 2.
sourceMap: true
}));
2016-11-24 05:18:24 +00:00
}
2016-09-22 05:57:22 +00:00
// The base Webpack configuration to bundle the JavaScript artifacts of
// jitsi-meet such as app.bundle.js and external_api.js.
var config = {
2016-12-09 01:17:49 +00:00
devServer: {
https: true,
inline: true,
proxy: {
'/': {
bypass: devServerProxyBypass,
secure: false,
target: devServerProxyTarget
}
}
},
2016-09-22 05:57:22 +00:00
devtool: 'source-map',
module: {
2016-11-29 02:06:23 +00:00
loaders: [ {
// Transpile ES2015 (aka ES6) to ES5. Accept the JSX syntax by React
// as well.
2016-09-22 05:57:22 +00:00
2016-11-24 06:42:07 +00:00
exclude: node_modules,
2017-02-07 21:44:37 +00:00
loader: 'babel-loader',
query: {
2016-11-24 06:42:07 +00:00
// XXX The require.resolve bellow solves failures to locate the
// presets when lib-jitsi-meet, for example, is npm linked in
// jitsi-meet. The require.resolve, of course, mandates the use
// of the prefix babel-preset- in the preset names.
presets: [
2016-11-24 06:42:07 +00:00
'babel-preset-es2015',
'babel-preset-react',
'babel-preset-stage-1'
].map(require.resolve)
},
test: /\.jsx?$/
2016-11-29 02:06:23 +00:00
}, {
2016-09-22 05:57:22 +00:00
// Expose jquery as the globals $ and jQuery because it is expected
// to be available in such a form by multiple jitsi-meet
// dependencies including AUI, lib-jitsi-meet.
2017-02-07 21:44:37 +00:00
loader: 'expose-loader?$!expose-loader?jQuery',
2016-09-22 05:57:22 +00:00
test: /\/node_modules\/jquery\/.*\.js$/
2016-11-29 02:06:23 +00:00
}, {
2016-09-22 05:57:22 +00:00
// Disable AMD for the Strophe.js library or its imports will fail
// at runtime.
2017-02-07 21:44:37 +00:00
loader: 'imports-loader?define=>false&this=>window',
2016-09-22 05:57:22 +00:00
test: strophe
2017-02-06 13:32:05 +00:00
}, {
// Set scope to window for URL polyfill.
loader: 'imports-loader?this=>window',
test: /\/node_modules\/url-polyfill\/.*\.js$/
2016-11-29 02:06:23 +00:00
}, {
2016-09-22 05:57:22 +00:00
// Allow CSS to be imported into JavaScript.
loaders: [
2017-02-07 21:44:37 +00:00
'style-loader',
'css-loader'
2016-09-22 05:57:22 +00:00
],
test: /\.css$/
2016-11-29 02:06:23 +00:00
}, {
2016-09-22 05:57:22 +00:00
// Emit the static assets of AUI such as images that are referenced
// by CSS into the output path.
include: aui_css,
2017-02-07 21:44:37 +00:00
loader: 'file-loader',
2016-09-22 05:57:22 +00:00
query: {
context: aui_css,
name: '[path][name].[ext]'
},
test: /\.(gif|png|svg)$/
2016-11-29 02:06:23 +00:00
}, {
// Enable the import of JSON files.
2017-02-07 21:44:37 +00:00
loader: 'json-loader',
2016-11-24 06:42:07 +00:00
exclude: node_modules,
2016-10-31 22:16:30 +00:00
test: /\.json$/
2016-11-29 02:06:23 +00:00
} ],
2016-09-22 05:57:22 +00:00
noParse: [
2016-11-29 02:06:23 +00:00
2016-09-22 05:57:22 +00:00
// Do not parse the files of the Strophe.js library or at least
// parts of the properties of the Strophe global variable will be
// missing and strophejs-plugins will fail at runtime.
strophe
]
},
node: {
// Allow the use of the real filename of the module being executed. By
// default Webpack does not leak path-related information and provides a
// value that is a mock (/index.js).
__filename: true
},
output: {
filename: '[name]' + (minimize ? '.min' : '') + '.js',
libraryTarget: 'umd',
2016-09-28 19:15:02 +00:00
path: __dirname + '/build',
2016-12-09 01:17:49 +00:00
publicPath: '/libs/',
2016-09-22 05:57:22 +00:00
sourceMapFilename: '[name].' + (minimize ? 'min' : 'js') + '.map'
},
2016-11-24 05:18:24 +00:00
plugins: plugins,
2016-09-22 05:57:22 +00:00
resolve: {
alias: {
jquery: 'jquery/dist/jquery' + (minimize ? '.min' : '') + '.js'
2016-09-22 05:57:22 +00:00
},
packageAlias: 'browser'
}
};
2016-12-09 01:17:49 +00:00
var configs = [
2016-09-22 05:57:22 +00:00
// The Webpack configuration to bundle app.bundle.js (aka APP).
Object.assign({}, config, {
entry: {
'app.bundle': './app.js'
},
output: Object.assign({}, config.output, {
library: 'APP'
})
}),
2016-09-22 05:57:22 +00:00
// The Webpack configuration to bundle external_api.js (aka
// JitsiMeetExternalAPI).
Object.assign({}, config, {
entry: {
'external_api': './modules/API/external/external_api.js'
},
output: Object.assign({}, config.output, {
library: 'JitsiMeetExternalAPI'
})
})
];
2016-12-09 01:17:49 +00:00
module.exports = configs;
/**
* Determines whether a specific (HTTP) request is to bypass the proxy of
* webpack-dev-server (i.e. is to be handled by the proxy target) and, if not,
* which local file is to be served in response to the request.
*
* @param {Object} request - The (HTTP) request received by the proxy.
* @returns {string|undefined} If the request is to be served by the proxy
* target, undefined; otherwise, the path to the local file to be served.
*/
function devServerProxyBypass(request) {
var path = request.path;
// Use local files from the css and libs directories.
if (path.startsWith('/css/')) {
return path;
}
if (configs.some(function (c) {
if (path.startsWith(c.output.publicPath)) {
if (!minimize) {
// Since webpack-dev-server is serving non-minimized
// artifacts, serve them even if the minimized ones are
// requested.
Object.keys(c.entry).some(function (e) {
var name = e + '.min.js';
if (path.indexOf(name) !== -1) {
path = path.replace(name, e + '.js');
return true;
}
});
}
return true;
}
})) {
return path;
}
}