1 | const path = require('path');
|
2 | const webpack = require('webpack');
|
3 | const { existsSync } = require('fs');
|
4 | const HtmlWebpackPlugin = require('html-webpack-plugin');
|
5 | const WebpackNotifierPlugin = require('webpack-notifier');
|
6 | const CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');
|
7 | const DuplicatePackageCheckerPlugin = require('duplicate-package-checker-webpack-plugin');
|
8 | const CopyWebpackPlugin = require('copy-webpack-plugin');
|
9 | const loaders = require('@availity/workflow-settings/webpack');
|
10 | const html = require('./html');
|
11 |
|
12 | process.noDeprecation = true;
|
13 |
|
14 | const plugin = settings => {
|
15 | const babelrcPath = path.join(settings.project(), '.babelrc');
|
16 | const babelrcExists = existsSync(babelrcPath);
|
17 |
|
18 | function getVersion() {
|
19 | return settings.pkg().version || 'N/A';
|
20 | }
|
21 |
|
22 | const index = [
|
23 | `${require.resolve('webpack-dev-server/client')}?/`,
|
24 | require.resolve('webpack/hot/dev-server'),
|
25 | './index.js'
|
26 | ];
|
27 |
|
28 | const config = {
|
29 | mode: 'development',
|
30 |
|
31 | context: settings.app(),
|
32 |
|
33 | entry: {
|
34 | index
|
35 | },
|
36 |
|
37 | output: {
|
38 | path: settings.output(),
|
39 | filename: settings.fileName(),
|
40 | chunkFilename: settings.chunkFileName()
|
41 | },
|
42 |
|
43 | devtool: settings.sourceMap(),
|
44 |
|
45 | resolve: {
|
46 |
|
47 | modules: [
|
48 | settings.app(),
|
49 | 'node_modules',
|
50 | path.join(settings.project(), 'node_modules'),
|
51 | path.join(__dirname, 'node_modules')
|
52 | ],
|
53 | symlinks: true,
|
54 | extensions: ['.js', '.jsx', '.json', '.css', 'scss']
|
55 | },
|
56 |
|
57 |
|
58 |
|
59 | resolveLoader: {
|
60 | modules: [path.join(settings.project(), 'node_modules'), path.join(__dirname, 'node_modules')],
|
61 | symlinks: true
|
62 | },
|
63 |
|
64 | module: {
|
65 | rules: [
|
66 | {
|
67 | test: /\.jsx?$/,
|
68 | include: settings.include(),
|
69 | use: [
|
70 | {
|
71 | loader: 'babel-loader',
|
72 | options: {
|
73 | presets: [require.resolve('@availity/workflow-babel-preset')],
|
74 | cacheDirectory: settings.isDevelopment(),
|
75 | babelrc: babelrcExists,
|
76 | plugins: [babelrcExists ? null : require.resolve('react-hot-loader/babel')]
|
77 | }
|
78 | }
|
79 | ]
|
80 | },
|
81 | loaders.css.development,
|
82 | loaders.scss.development,
|
83 | loaders.fonts,
|
84 | loaders.images,
|
85 | loaders.eslint
|
86 |
|
87 | ]
|
88 | },
|
89 | plugins: [
|
90 | new webpack.DefinePlugin(settings.globals()),
|
91 |
|
92 | new webpack.BannerPlugin({
|
93 | banner: `APP_VERSION=${JSON.stringify(getVersion())};`,
|
94 | test: /\.jsx?/,
|
95 | raw: true,
|
96 | entryOnly: true
|
97 | }),
|
98 |
|
99 | new webpack.BannerPlugin({
|
100 | banner: `v${getVersion()} - ${new Date().toJSON()}`
|
101 | }),
|
102 |
|
103 |
|
104 |
|
105 |
|
106 |
|
107 |
|
108 |
|
109 | new webpack.NamedModulesPlugin(),
|
110 |
|
111 |
|
112 | new webpack.HotModuleReplacementPlugin(),
|
113 |
|
114 | new HtmlWebpackPlugin(html(settings)),
|
115 |
|
116 | new DuplicatePackageCheckerPlugin({
|
117 | verbose: true,
|
118 | exclude(instance) {
|
119 | return instance.name === 'regenerator-runtime';
|
120 | }
|
121 | }),
|
122 |
|
123 |
|
124 | new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
|
125 |
|
126 | new CaseSensitivePathsPlugin(),
|
127 |
|
128 | new CopyWebpackPlugin(
|
129 | [
|
130 | {
|
131 | context: `${settings.project()}/project/static`,
|
132 | from: '**/*',
|
133 | to: 'static'
|
134 | }
|
135 | ],
|
136 | {
|
137 | debug: 'warning'
|
138 | }
|
139 | ),
|
140 | new webpack.ProvidePlugin({
|
141 | Promise: 'es6-promise-promise',
|
142 | Symbol: 'es6-symbol'
|
143 | })
|
144 | ]
|
145 | };
|
146 |
|
147 | if (settings.isHotLoader()) {
|
148 | config.module.rules.push({
|
149 | test: settings.getHotLoaderEntry(),
|
150 | loader: require.resolve('react-hot-loader-loader')
|
151 | });
|
152 | }
|
153 |
|
154 | if (settings.isNotifications()) {
|
155 | config.plugins.push(
|
156 | new WebpackNotifierPlugin({
|
157 | contentImage: path.join(__dirname, 'availity.png'),
|
158 | excludeWarnings: true
|
159 | })
|
160 | );
|
161 | }
|
162 |
|
163 | return config;
|
164 | };
|
165 |
|
166 | module.exports = plugin;
|