-
Notifications
You must be signed in to change notification settings - Fork 4
/
webpack.rules.js
99 lines (87 loc) · 1.94 KB
/
webpack.rules.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
const path = require('path');
const { isProduction, sassRoot, isCI } = require('./webpack.env.js');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const autoprefixer = require('autoprefixer');
const cssnano = require('cssnano');
const babelLoader = {
test: /\.js?$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
options: { cacheDirectory: !isProduction },
},
};
const hbsLoader = {
test: /\.hbs?$/,
exclude: /node_modules/,
loader: 'handlebars-template-loader',
};
const eslintLoader = {
enforce: 'pre',
test: /\.js$/,
exclude: /node_modules/,
loader: 'eslint-loader',
options: { cache: false, fix: !isCI, failOnWarning: isCI },
};
const nullLoader = {
test: /\.scss|\.css$/,
loader: 'null-loader',
};
const cssLoader = {
loader: 'css-loader',
options: {
sourceMap: !isProduction,
},
};
const postcssLoader = {
loader: 'postcss-loader',
options: {
sourceMap: !isProduction,
plugins: [
autoprefixer({ cascade: false }),
cssnano({ preset: 'default' }),
],
},
};
const sassLoader = {
loader: 'sass-loader',
options: {
// Must import global variables/configs with each file
// https://github.com/webpack-contrib/sass-loader/issues/218#issuecomment-266669156
prependData: `@import \'${ sassRoot }/provider-variables.scss\';`,
},
};
const sassExtractLoader = {
test: /\.scss|\.css$/,
use: [
{
loader: MiniCssExtractPlugin.loader,
options: {
hmr: !isProduction,
reloadAll: true,
},
},
cssLoader,
postcssLoader,
sassLoader,
],
};
const ymlLoader = {
test: /\.yml?$/,
exclude: /node_modules/,
use: ['i18n-sync-loader', 'yaml-loader'],
};
const resolveLoader = {
alias: {
'i18n-sync-loader': path.resolve(process.cwd(), './config/i18n-sync-loader'),
},
};
module.exports = {
babelLoader,
hbsLoader,
eslintLoader,
nullLoader,
sassExtractLoader,
ymlLoader,
resolveLoader,
};