114 lines
3.2 KiB
JavaScript
114 lines
3.2 KiB
JavaScript
const webpack = require('webpack');
|
|
const autoprefixer = require('autoprefixer');
|
|
const ExtractTextPlugin = require('extract-text-webpack-plugin');
|
|
// const SprityWebpackPlugin = require('sprity-webpack-plugin');
|
|
|
|
const PATHS = {
|
|
MODULES: './node_modules',
|
|
JS_SRC: './client/src',
|
|
JS_DIST: './client/dist',
|
|
};
|
|
|
|
// Used for autoprefixing css properties (same as Bootstrap Aplha.2 defaults)
|
|
const SUPPORTED_BROWSERS = [
|
|
'Chrome >= 35',
|
|
'Firefox >= 31',
|
|
'Edge >= 12',
|
|
'Explorer >= 9',
|
|
'iOS >= 8',
|
|
'Safari >= 8',
|
|
'Android 2.3',
|
|
'Android >= 4',
|
|
'Opera >= 12',
|
|
];
|
|
|
|
const config = {
|
|
// TODO Split out with new 'admin' module
|
|
name: 'js',
|
|
entry: {
|
|
legacy: `${PATHS.JS_SRC}/bundles/legacy.js`,
|
|
},
|
|
resolve: {
|
|
modulesDirectories: [PATHS.MODULES],
|
|
},
|
|
output: {
|
|
path: 'client/dist',
|
|
filename: '[name].js',
|
|
},
|
|
|
|
// lib.js provies these globals and more. These references allow the framework bundle
|
|
// to access them.
|
|
externals: {
|
|
'components/Breadcrumb/Breadcrumb': 'Breadcrumb',
|
|
'components/FormBuilderModal/FormBuilderModal': 'FormBuilderModal',
|
|
'components/FormBuilder/FormBuilder': 'FormBuilder',
|
|
'components/Toolbar/Toolbar': 'Toolbar',
|
|
'state/breadcrumbs/BreadcrumbsActions': 'BreadcrumbsActions',
|
|
'deep-freeze-strict': 'DeepFreezeStrict',
|
|
i18n: 'i18n',
|
|
jQuery: 'jQuery',
|
|
'lib/Backend': 'Backend',
|
|
'lib/Config': 'Config',
|
|
'lib/Injector': 'Injector',
|
|
'lib/ReducerRegister': 'ReducerRegister',
|
|
'lib/Router': 'Router',
|
|
'lib/ReactRouteRegister': 'ReactRouteRegister',
|
|
'lib/SilverStripeComponent': 'SilverStripeComponent',
|
|
'page.js': 'Page',
|
|
'react-addons-css-transition-group': 'ReactAddonsCssTransitionGroup',
|
|
'react-addons-test-utils': 'ReactAddonsTestUtils',
|
|
'react-dom': 'ReactDom',
|
|
'react-redux': 'ReactRedux',
|
|
'react-router-redux': 'ReactRouterRedux',
|
|
'react-router': 'ReactRouter',
|
|
react: 'React',
|
|
'redux-thunk': 'ReduxThunk',
|
|
redux: 'Redux',
|
|
},
|
|
module: {
|
|
loaders: [
|
|
{
|
|
test: /\.js$/,
|
|
exclude: /(node_modules|thirdparty)/,
|
|
loader: 'babel',
|
|
query: {
|
|
presets: ['es2015', 'react'],
|
|
plugins: ['transform-object-assign', 'transform-object-rest-spread'],
|
|
comments: false,
|
|
},
|
|
},
|
|
{
|
|
test: '/i18n.js/',
|
|
loader: 'script-loader',
|
|
},
|
|
],
|
|
},
|
|
plugins: [
|
|
new webpack.ProvidePlugin({
|
|
jQuery: 'jQuery',
|
|
$: 'jQuery',
|
|
}),
|
|
new webpack.DefinePlugin({
|
|
'process.env':{
|
|
// Builds React in production mode, avoiding console warnings
|
|
'NODE_ENV': JSON.stringify('production')
|
|
}
|
|
}),
|
|
new webpack.optimize.UglifyJsPlugin({
|
|
compress: {
|
|
unused: false,
|
|
warnings: false,
|
|
},
|
|
output: {
|
|
beautify: false,
|
|
semicolons: false,
|
|
comments: false,
|
|
max_line_len: 200,
|
|
},
|
|
}),
|
|
],
|
|
};
|
|
|
|
// Use WEBPACK_CHILD=js or WEBPACK_CHILD=css env var to run a single config
|
|
module.exports = config;
|