This repository has been archived by the owner on Feb 10, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 19
/
webpack.config.js
106 lines (100 loc) · 2.09 KB
/
webpack.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
const webpack = require( 'webpack' );
const ExtractTextPlugin = require( 'extract-text-webpack-plugin' ); // CSS loader for styles specific to block editing.
const glob = require( 'glob' );
const isProd = 'production' === process.env.NODE_ENV;
// Configuration for the ExtractTextPlugin.
const extractConfig = {
use: [
{
loader: 'css-loader',
options: {
importLoaders: 1,
},
},
{
loader: 'postcss-loader',
options: {
plugins: [
require( 'autoprefixer' ),
],
},
},
{
loader: 'sass-loader',
query: {
outputStyle: isProd ? 'compressed' : 'nested',
},
},
],
};
const editBlocksCSSPlugin = new ExtractTextPlugin( {
filename: isProd ? './dist/middleware-editor.min.css' : './dist/middleware-editor.css',
} );
// CSS loader for styles specific to blocks in general.
const blocksCSSPlugin = new ExtractTextPlugin( {
filename: isProd ? './dist/style.min.css' : './dist/style.css',
} );
const externals = {
react: 'React',
'react-dom': 'ReactDOM',
'react-dom/server': 'ReactDOMServer',
tinymce: 'tinymce',
moment: 'moment',
jquery: 'jQuery',
};
module.exports = {
entry: {
blocks: glob.sync( './middleware/index.js' ),
},
output: {
filename: isProd ? 'dist/middleware.min.js' : 'dist/middleware.js',
path: __dirname,
},
externals,
resolve: {
modules: [
__dirname,
'node_modules',
],
},
module: {
rules: [
{
test: /.js?$/,
loader: 'babel-loader',
exclude: /node_modules/,
},
{
test: /style\.s?css$/,
include: [
/middleware/,
],
use: blocksCSSPlugin.extract( extractConfig ),
},
{
test: /editor\.s?css$/,
include: [
/middleware/,
],
use: editBlocksCSSPlugin.extract( extractConfig ),
},
],
},
plugins: [
new webpack.DefinePlugin( {
'process.env.NODE_ENV': JSON.stringify( process.env.NODE_ENV || 'development' ),
} ),
blocksCSSPlugin,
editBlocksCSSPlugin,
],
};
if ( isProd ) {
module.exports.plugins = ( module.exports.plugins || [] ).concat( [
new webpack.optimize.UglifyJsPlugin( {
sourceMap: true,
compress: {
warnings: false,
},
} ),
] );
}