This repository has been archived by the owner on Dec 22, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.js
114 lines (112 loc) · 2.94 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
107
108
109
110
111
112
113
114
const path = require("path")
const webpack = require("webpack")
const MiniCssExtractPlugin = require("mini-css-extract-plugin")
const HtmlWebpackPlugin = require("html-webpack-plugin")
const CopyWebpackPlugin = require("copy-webpack-plugin")
const StylelintPlugin = require('stylelint-webpack-plugin')
module.exports = (env, options) => {
let opt = options || { mode: 'development' }
return {
context: path.resolve(__dirname, 'src'),
entry:
{
index: "./public/index.js"
}
,
output: {
path: path.resolve(__dirname, 'dist'),
publicPath: '/',
filename: '[name].js',
chunkFilename: '[name].[contenthash].js',
},
devServer: {
contentBase: path.join(__dirname, 'dist'),
publicPath: "/",
compress: true,
port: 8080,
},
module: {
rules: [{
test: /\.elm$/,
exclude: [/elm-stuff/, /node_modules/],
use: {
loader: 'elm-webpack-loader',
options: {
pathToElm: path.resolve(__dirname, 'node_modules/.bin/elm'),
optimize: opt.mode === 'production',
verbose: opt.mode === 'development',
debug: opt.mode === 'development',
runtimeOptions: ['-A128M', '-H128M', '-n8m']
}
}
},
{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
use: ['babel-loader?cacheDirectory=true']
},
{
test: /\.css$/,
use: ['style-loader', 'css-loader?url=false']
},
{
test: /\.scss$/,
include: [/scss\/.*/],
use: [
{
loader: MiniCssExtractPlugin.loader
},
{
loader: 'css-loader',
options: { sourceMap: opt.mode === 'production', url: false }
},
{
loader: 'postcss-loader'
},
{
loader: 'sass-loader',
options: { sourceMap: opt.mode === 'production' }
}]
},
{
test: /\.(jpe?g|html|svg|png|gif|webp|otf|ttf|eot|woff(2)?)(\?[a-z0-9=&.]+)?$/,
loader: 'file-loader',
options: { name: '[name].[ext]', outputPath: '/' }
},
]
},
plugins: [
new MiniCssExtractPlugin({
filename: '[name].css',
chunkFilename: '[id].css',
}),
new HtmlWebpackPlugin({
inject: true
}),
new CopyWebpackPlugin({ patterns: [
{
from: './public/fonts',
to: './fonts/[path][name].[ext]'
}
]}),
new StylelintPlugin({
configFile: '.stylelintrc',
context: 'public/scss',
emitError: true,
emitWarning: true,
failOnWarning: true,
ignoreDisables: true,
syntax: 'scss',
}),
],
watchOptions: {
ignored: /node_modules/,
poll: 300,
},
stats: 'minimal',
devtool: opt.mode === 'production' ? 'source-map' : 'eval',
bail: true,
cache: true,
parallelism: 100,
}
}