1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
|
var path = require('path');
var autoprefixer = require('autoprefixer');
var webpack = require('webpack');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var paths = require('../paths');
var autoprefixerOptions = require('../autoprefixer');
module.exports = {
entry: {
vendor: [
require.resolve('../polyfills'),
'jquery',
'underscore',
'lodash',
'd3-array',
'd3-hierarchy',
'd3-scale',
'd3-selection',
'd3-shape',
'react',
'react-dom',
'backbone',
'backbone.marionette',
'moment',
'handlebars/runtime',
'./src/main/js/libs/third-party/jquery-ui.js',
'./src/main/js/libs/third-party/select2.js',
'./src/main/js/libs/third-party/keymaster.js',
'./src/main/js/libs/third-party/bootstrap/tooltip.js',
'./src/main/js/libs/third-party/bootstrap/dropdown.js'
],
app: [
'./src/main/js/app/utils/setPublicPath.js',
'./src/main/js/app/index.js',
'./src/main/js/components/SourceViewer/SourceViewer.js'
]
},
output: {
path: paths.appBuild,
filename: 'js/[name].[chunkhash:8].js',
chunkFilename: 'js/[name].[chunkhash:8].chunk.js'
},
resolve: {
// This allows you to set a fallback for where Webpack should look for modules.
// We read `NODE_PATH` environment variable in `paths.js` and pass paths here.
// We use `fallback` instead of `root` because we want `node_modules` to "win"
// if there any conflicts. This matches Node resolution mechanism.
// https://github.com/facebookincubator/create-react-app/issues/253
fallback: paths.nodePaths
},
module: {
// First, run the linter.
// It's important to do this before Babel processes the JS.
preLoaders: [
{
test: /\.js$/,
loader: 'eslint',
include: paths.appSrc
}
],
loaders: [
{
test: /\.js$/,
loader: 'babel',
exclude: /(node_modules|libs)/
},
{
test: /(blueimp-md5|numeral)/,
loader: 'imports?define=>false'
},
{
test: /\.hbs$/,
loader: 'handlebars',
query: {
helperDirs: path.join(__dirname, '../../src/main/js/helpers/handlebars')
}
},
{
test: /\.css$/,
loader: 'style!css!postcss'
},
{
test: /\.less$/,
loader: ExtractTextPlugin.extract('style', 'css?-url!postcss!less')
},
{ test: require.resolve('jquery'), loader: 'expose?$!expose?jQuery' },
{ test: require.resolve('underscore'), loader: 'expose?_' },
{ test: require.resolve('backbone'), loader: 'expose?Backbone' },
{ test: require.resolve('backbone.marionette'), loader: 'expose?Marionette' },
{ test: require.resolve('react'), loader: 'expose?React' },
{ test: require.resolve('react-dom'), loader: 'expose?ReactDOM' }
]
},
postcss: function() {
return [autoprefixer(autoprefixerOptions)];
},
// Some libraries import Node modules but don't use them in the browser.
// Tell Webpack to provide empty mocks for them so importing them works.
node: {
fs: 'empty',
net: 'empty',
tls: 'empty'
}
};
|
