krgamestudios/MERN-template
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Began working on the toolchain

Browse Source
This commit is contained in:
Kayne Ruse
2021-01-18 19:47:23 +11:00
parent d6abff4d12
commit 4f685ab44c
8 changed files with 3306 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.envdev
+1
View File
@@ -0,0 +1 @@
WEB_PORT=8080
.gitignore
+7
View File
@@ -102,3 +102,10 @@ dist
# TernJS port file # TernJS port file
.tern-port .tern-port
# Output files
public/*.html
public/*.js
public/*.css
public/*.map
public/*.gz
client/client.js
+1
View File
@@ -0,0 +1 @@
console.log("Hello world!");
client/template.html
+27
View File
@@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang = "en">
<head>
<!-- device settings -->
<meta charset = "UTF-8" />
<meta name="Content-Type" content="text/html" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- page title -->
<title>MERN template</title>
<!-- page information -->
<meta name="description" content="MERN template" />
<meta name="author" content="Kayne Ruse" />
<meta name="keywords" content="" />
<!-- facebook? -->
<meta property="og:url" content="" />
<meta property="og:type" content="" />
<meta property="og:image" content="" />
<meta property="og:title" content="MERN template" />
<meta property="og:description" content="" />
</head>
<body>
<div id = "root"></div>
</body>
</html>
package-lock.json
Generated
+3172
View File
File diff suppressed because it is too large Load Diff
package.json
+36
View File
@@ -0,0 +1,36 @@
{
"name": "mern-template",
"version": "1.0.0",
"description": "A website template using the MERN stack.",
"main": "server/server.js",
"scripts": {
"start": "npm run build && node server/server.js",
"dev": "npm run build && nodemon server/server.js",
"build": "npm run build:server && npm run build:client",
"build:server": "exit 0",
"build:client": "webpack --env=production --config webpack.config.js",
"analyzer": "webpack --env=production --analyzer --config webpack.config.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/KRGameStudios/MERN-template.git"
},
"author": "Kayne Ruse",
"license": "ISC",
"bugs": {
"url": "https://github.com/KRGameStudios/MERN-template/issues"
},
"homepage": "https://github.com/KRGameStudios/MERN-template#readme",
"dependencies": {
"dotenv": "^8.2.0",
"express": "^4.17.1"
},
"devDependencies": {
"clean-webpack-plugin": "^3.0.0",
"html-webpack-plugin": "^5.0.0-alpha.14",
"nodemon": "^2.0.7",
"webpack": "^5.15.0",
"webpack-bundle-analyzer": "^4.3.0",
"webpack-cli": "^4.3.1"
}
}
server/server.js
+23
View File
@@ -0,0 +1,23 @@
//environment variables
require('dotenv').config();
//create the server
const express = require('express');
const app = express();
const http = require('http').Server(app);
//libraries used here
const path = require('path');
//send static files
app.use('/', express.static(path.resolve(__dirname, '../public')));
//fallback to the index file
app.get('*', (req, res) => {
res.sendFile(path.resolve(__dirname, `../public/index.html`));
});
//startup
http.listen(process.env.WEB_PORT || 3000, (err) => {
console.log(`listening to localhost:${process.env.WEB_PORT || 3000}`);
});
webpack.config.js
+39
View File
@@ -0,0 +1,39 @@
//plugins
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
//libraries
const path = require('path');
//the exported config function
module.exports = ({ production, analyzer }) => {
return {
mode: production ? "production" : "development",
entry: path.resolve(__dirname, 'client', 'client.js'),
output: {
path: path.resolve(__dirname, 'public'),
filename: '[name].[chunkhash].js'
},
resolve: {
extensions: ['.js', '.jsx']
},
plugins: [
new CleanWebpackPlugin({
cleanOnceBeforeBuildPatterns: ['*', '!content*']
}),
new HtmlWebpackPlugin({
template: "./client/template.html",
minify: {
collapseWhitespace: production,
removeComments: production,
removeAttributeQuotes: production
}
}),
new BundleAnalyzerPlugin({
analyzerMode: analyzer ? 'server' : 'disabled'
})
]
};
};