/
webpack.config.js
55 lines (46 loc) · 1.28 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
var webpack = require("webpack");
module.exports = function(env) {
//load plugins
const CleanWebpackPlugin = require("clean-webpack-plugin");
const CopyWebpackPlugin = require("copy-webpack-plugin");
const ExtractTextPlugin = require("extract-text-webpack-plugin");
//declear folders that need to be cleaned up before compiling
const pathsToClean = [__dirname + "/public/css"];
//cleanup options
const cleanOptions = {
verbose: true,
dry: false
};
const plugins = [
//time to clean up!
new CleanWebpackPlugin(pathsToClean, cleanOptions),
//and write the compliled sass file to a specific folder
new ExtractTextPlugin({
filename: "../css/rene-io-20.css"
})
];
return {
//config input files
entry: {
reneio: [__dirname + "/assets/sass/reneio.scss"]
},
//entry point voor webpack app (if global js is needed):
output: {
path: __dirname + "/public/js",
filename: "[name].js"
},
module: {
rules: [
{
test: /\.(s*)css$/,
use: ExtractTextPlugin.extract({
fallback: "style-loader",
//chain of npm modules to compile sass
use: ["css-loader", "sass-loader", "postcss-loader"]
})
}
]
},
plugins
};
};