-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.js
86 lines (84 loc) · 1.99 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
var webpack = require('webpack');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var CopyWebpackPlugin = require('copy-webpack-plugin');
var CleanWebpackPlugin = require('clean-webpack-plugin');
var path = require("path");
var DashboardPlugin = require('webpack-dashboard/plugin');
var LiveReloadPlugin = require('webpack-livereload-plugin');
/**
* Define Path
*/
var outputFolder = 'build';
module.exports = {
devtool: 'source-map',
entry: './src/js/main.js',
output: {
path: path.resolve(__dirname, outputFolder),
filename: 'js/[name].js',
},
module: {
loaders: [{
test: /\.js$/,
exclude: /node_modules/,
loader: 'babel-loader',
query: {
presets: [
["es2015", {
"modules": false
}]
]
}
}, {
test: /\.scss$/,
loader: ExtractTextPlugin.extract('css-loader?url=false!postcss-loader!sass-loader')
}]
},
plugins: [
// LiveReload
new LiveReloadPlugin({
appendScriptTag: true
}),
// Dashboard
new DashboardPlugin(),
// HTML
new HtmlWebpackPlugin({
title: 'DEV! Lines',
hash: true,
template: './src/index.html',
}),
// css optimize
new OptimizeCssAssetsPlugin(),
// copy static
new CopyWebpackPlugin([{
from: './src/assets',
to: 'assets',
}, {
from: './src/js/libs',
to: 'js/libs',
}], {
ignore: [
// Doesn't copy any files with a txt extension
'.DS_Store',
]
}),
// Clean build
new CleanWebpackPlugin([outputFolder], {
verbose: true,
dry: false,
exclude: []
}),
// sass
new ExtractTextPlugin({
filename: 'css/main.css',
allChunks: true
}),
// env plugin
new webpack.DefinePlugin({
'proccess.env': {
NODE_ENV: 'production',
}
})
],
}