-
Notifications
You must be signed in to change notification settings - Fork 2
/
webpack.config.js
89 lines (85 loc) · 2.51 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
const ExtractTextPlugin = require('extract-text-webpack-plugin')
const webpack = require('webpack')
const WebpackNotifierPlugin = require('webpack-notifier')
const CleanWebpackPlugin = require('clean-webpack-plugin')
const CompilerPlugin = require('compiler-webpack-plugin')
const BrowserSyncPlugin = require('browser-sync-webpack-plugin')
const Dotenv = new (require('dotenv-webpack'))()
const path = require('path')
const glob = require('glob')
const child_process = require('child_process')
const config = require('./config')
let localEnv = Dotenv.definitions['process.env.LOCAL_URL']
localEnv = localEnv.substring(1, localEnv.length - 1)
const websiteBundle = glob.sync('./components/website/**/*.js')
const uiBundle = glob.sync('./components/ui/**/*.js')
const sharedBundle = glob.sync('./components/shared/**/*.js')
const vendor = require('./js/vendor')
module.exports = {
entry: {
websitebundle: websiteBundle,
uibundle: uiBundle,
sharedbundle: sharedBundle,
vendor: vendor,
websitestyles: './css/website.pcss',
uistyles: './css/ui.pcss',
svgxuse: './node_modules/svgxuse/svgxuse.js'
},
output: {
publicPath: '/',
path: path.resolve(__dirname, config.paths.dist),
filename: '[name].js'
},
module: {
rules: [
{
test: /\.pcss$/,
exclude: /node_modules/,
use: ExtractTextPlugin.extract([
{
loader: 'css-loader',
options: { importLoaders: 1 }
},
'postcss-loader'
])
},
{ test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/ }
]
},
plugins: [
new ExtractTextPlugin('[name].css'),
new webpack.optimize.CommonsChunkPlugin({
name: 'vendor'
}),
new BrowserSyncPlugin(
{
host: 'localhost',
proxy: process.env.SITE || localEnv || 'http://0.0.0.0:8080',
port: 3000,
files: ['public_html/dist/*.css']
},
{
reload: false
}
),
new CleanWebpackPlugin([path.join(__dirname, config.paths.dist)], {
root: process.cwd()
}),
new WebpackNotifierPlugin({
title: 'Webpack',
contentImage: path.join(
__dirname,
`${config.paths.publicPath}img/ds-logo.jpg`
)
}),
new CompilerPlugin('done', function() {
child_process.exec(
`onchange '${
config.paths.publicPath
}icons' -i -- ./node_modules/.bin/svg-sprite-generate -d ${
config.paths.publicPath
}icons -o ${config.paths.dist}symbol-defs.svg`
)
})
]
}