This repository has been archived by the owner on Sep 7, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 799
/
webpack.production.config.js
124 lines (105 loc) · 4.31 KB
/
webpack.production.config.js
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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
/**
* @Author Ashwin Hariharan
* @Details Webpack config file for adding new vendors, defining entry points and shimming modules.
*/
var webpack = require('webpack');
var path = require("path");
//var env = require('yargs').argv.mode;
var lib_dir = __dirname + '/public/libraries',
node_dir = __dirname + '/node_modules',
bower_dir = __dirname + '/bower_components',
plugins_dir = __dirname + '/public/plugins';
var config = {
resolve: {
alias: {
react: node_dir + '/react',
"react-dom": node_dir + '/react-dom',
jquery: node_dir + '/jquery/dist/jquery.min.js',
"velocity-animate": node_dir + '/velocity-animate',
jqueryUi: plugins_dir + '/jQueryUI/jquery-ui.min.js',
bootstrap: plugins_dir + '/bootstrap/js/bootstrap.min.js',
//eve: node_dir + '/raphael/eve/eve.js',
raphael: node_dir + '/webpack-raphael/raphael.js',
morris: plugins_dir + '/morris/morris.js',
//sparkline: plugins_dir + '/sparkline/jquery.sparkline.min.js',
jvectormap: plugins_dir + '/jvectormap/jquery-jvectormap-1.2.2.min.js',
jvectormapWorld: plugins_dir + '/jvectormap/jquery-jvectormap-world-mill-en.js',
//knob: plugins_dir + '/knob/jquery.knob.js',
moment: plugins_dir + '/moment/moment.js',
//daterangepicker: plugins_dir + '/daterangepicker/daterangepicker.js',
bootstrapDatepicker: plugins_dir + '/datepicker/bootstrap-datepicker.js',
//bootstrapWysihtml5: plugins_dir + '/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.js',
slimscroll: plugins_dir + '/slimScroll/jquery.slimscroll.min.js',
fastclick: plugins_dir + '/fastclick/fastclick.min.js',
}
},
plugins: [
new webpack.DefinePlugin({
'process.env': {
'NODE_ENV': JSON.stringify('production')
}
}),
],
devtool: 'cheap-module-source-map',
entry: {
reactjsAdminlte: './src/widgets.src'
},
output: {
path: path.join(__dirname, "./"),
filename: "./[name].js",
libraryTarget: "commonjs",
umdNamedDefine: true,
},
optimization: {
minimize: true
},
externals: [
{
'react': 'react',
'react-dom': 'react-dom',
'jquery': 'jquery',
'velocity': 'velocity',
'jqueryUI': 'jqueryUI',
'moment': 'moment',
'raphael': 'raphael'
}
],
module: {
rules: [
{
loader: require.resolve('babel-loader'),
options: {
presets: ['react', 'es2015'],
compact: true
},
include: path.join(__dirname, 'src'),
exclude: /(node_modules|bower_components)/
},
]
}
};
module.exports = config;
/*
----------
View package.json for more configuration details
0. During development:-
Run webpack-dev-server --hot --inline and point your entry files to http://localhost:8080 in your HTML, for HMP
1. Command:-
webpack --profile --json > stats.json
Will generate a JSON file called stats.json. Go to http://webpack.github.io/analyse/ and upload the file,
and see all dependencies in a tree like structure
2. Commands:-
--> npm run dev
Will run webpack-dev-server with the arguments specified (--devtool eval --progress --colors --content-base build)
1. --devtool eval will add source urls to your code, which will make sure that any errors point to the right file and line.
2. --progress and --colors will just improve the feedback you get in the terminal when running your workflow.
3. --content-base build points to where you have your custom index.html located.
----------
Since we are using React, we need to evaluate XML along with JS. This can be done by using jsx-loader. npm install jsx-loader --save will make
the module available, and then we specify the loader in here- {test:/\.js$/,loader: 'jsx-loader'}. This tells
WebPack that whenever we try to require something that ends with .js it should run the contents of that file through the jsx-loader.
----------
"scripts": {
"dev": "webpack-dev-server --devtool eval --progress --colors --content-base views/"
},
*/