aboutsummaryrefslogtreecommitdiff
path: root/Timeline/ClientApp/webpack.common.js
diff options
context:
space:
mode:
Diffstat (limited to 'Timeline/ClientApp/webpack.common.js')
-rw-r--r--Timeline/ClientApp/webpack.common.js60
1 files changed, 60 insertions, 0 deletions
diff --git a/Timeline/ClientApp/webpack.common.js b/Timeline/ClientApp/webpack.common.js
new file mode 100644
index 00000000..4a0527ea
--- /dev/null
+++ b/Timeline/ClientApp/webpack.common.js
@@ -0,0 +1,60 @@
+const autoprefixer = require('autoprefixer');
+const htmlWebpackTemplate = require('html-webpack-template');
+
+const commonRules = [
+ {
+ test: /\.css$/,
+ use: ['style-loader', 'css-loader'],
+ },
+ {
+ test: /\.(scss)$/,
+ use: [
+ 'style-loader',
+ 'css-loader',
+ {
+ loader: 'postcss-loader',
+ options: {
+ plugins: function () {
+ return [autoprefixer];
+ },
+ },
+ },
+ 'sass-loader',
+ ],
+ },
+ {
+ test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot)$/i,
+ use: [
+ {
+ loader: 'url-loader',
+ options: {
+ limit: 8192,
+ },
+ },
+ ],
+ },
+];
+
+const htmlCommonConfig = {
+ inject: false,
+ template: htmlWebpackTemplate,
+
+ appMountId: 'app',
+ mobile: true,
+
+ headHtmlSnippet: `
+ <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+ <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+ <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+ <link rel="manifest" href="/site.webmanifest">
+ <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
+ <meta name="msapplication-TileColor" content="#2d89ef">
+ <meta name="theme-color" content="#ffffff">
+ `,
+ title: 'Timeline',
+};
+
+module.exports = {
+ commonRules,
+ htmlCommonConfig,
+};