summaryrefslogtreecommitdiff
path: root/webpack.config.dev.js
diff options
context:
space:
mode:
authorAdam Harvey <adam@ahprojects.com>2018-12-23 01:37:03 +0100
committerAdam Harvey <adam@ahprojects.com>2018-12-23 01:37:03 +0100
commit4452e02e8b04f3476273574a875bb60cfbb4568b (patch)
tree3ffa44f9621b736250a8b94da14a187dc785c2fe /webpack.config.dev.js
parent2a65f7a157bd4bace970cef73529867b0e0a374d (diff)
parent5340bee951c18910fd764241945f1f136b5a22b4 (diff)
.
Diffstat (limited to 'webpack.config.dev.js')
-rw-r--r--webpack.config.dev.js65
1 files changed, 65 insertions, 0 deletions
diff --git a/webpack.config.dev.js b/webpack.config.dev.js
new file mode 100644
index 00000000..4137a948
--- /dev/null
+++ b/webpack.config.dev.js
@@ -0,0 +1,65 @@
+require('dotenv').config()
+
+// const HtmlWebpackPlugin = require('html-webpack-plugin')
+// const CleanWebpackPlugin = require('clean-webpack-plugin')
+const webpack = require('webpack')
+const path = require('path')
+
+module.exports = {
+ entry: {
+ main: './client/index.js'
+ },
+ output: {
+ path: path.resolve(__dirname, 'site/assets/js/dist'),
+ filename: 'index.js'
+ },
+ devtool: 'inline-source-map',
+ resolve: {
+ alias: {
+ "react": "preact-compat",
+ "react-dom": "preact-compat"
+ }
+ },
+ plugins: [
+ // new CleanWebpackPlugin(['dist']),
+ new webpack.DefinePlugin({
+ 'process.env.NODE_ENV': '"development"',
+ 'process.env.S3_HOST': '"' + process.env.S3_HOST + '"',
+ 'process.env.API_HOST': '""',
+ }),
+ // new HtmlWebpackPlugin({
+ // title: 'VFrame Metadata',
+ // meta: {
+ // viewport: 'width=device-width,initial-scale=1.0'
+ // }
+ // }),
+ // new webpack.HotModuleReplacementPlugin()
+ ],
+ module: {
+ rules: [
+ {
+ test: /\.css$/,
+ use: ['style-loader', 'css-loader']
+ },
+ {
+ test: /\.js$/,
+ // include: path.resolve(__dirname, 'client'),
+ exclude: /(node_modules|bower_components|build)/,
+ use: {
+ loader: 'babel-loader',
+ options: {
+ presets: ['env'],
+ plugins: [
+ require('babel-plugin-transform-runtime'),
+ require('babel-plugin-transform-es2015-arrow-functions'),
+ require('babel-plugin-transform-object-rest-spread'),
+ require('babel-plugin-transform-class-properties'),
+ require('babel-plugin-transform-react-jsx'),
+ require('react-hot-loader/babel')
+ ]
+ }
+ }
+ }
+ ]
+ }
+};