allow caching
This commit is contained in:
Ayo
parent
33b3c1676b
commit
e95bfc2d88
6 changed files with 70 additions and 12 deletions
13
index.html
13
index.html
|
|
@ -5,11 +5,6 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
|
|
||||||
<!-- Tell the browser not to cache -->
|
|
||||||
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
|
|
||||||
<meta http-equiv="Pragma" content="no-cache" />
|
|
||||||
<meta http-equiv="Expires" content="0" />
|
|
||||||
|
|
||||||
<meta name="Description" content="Play Minesweeper online for FREE!" />
|
<meta name="Description" content="Play Minesweeper online for FREE!" />
|
||||||
<title>Minesweeper</title>
|
<title>Minesweeper</title>
|
||||||
|
|
||||||
|
|
@ -22,9 +17,9 @@
|
||||||
gtag('config', 'UA-113797180-1');
|
gtag('config', 'UA-113797180-1');
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<script type="module" src="/dist/vendors~main.bundle.js"></script>
|
<script type="module" src="vendors~main.bundle.js"></script>
|
||||||
<link rel="stylesheet" href="/dist/main.bundle.css" />
|
<link rel="stylesheet" href="main.bundle.css" />
|
||||||
<link rel="shortcut icon" type="image/png" href="/favicon.ico" />
|
<link rel="shortcut icon" type="image/png" href="assets/favicon.ico" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="body-wrapper">
|
<div id="body-wrapper">
|
||||||
|
|
@ -38,7 +33,7 @@
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script type="module" src="/dist/main.bundle.js"></script>
|
<script type="module" src="main.bundle.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
||||||
|
|
|
||||||
22
package-lock.json
generated
22
package-lock.json
generated
|
|
@ -2022,6 +2022,28 @@
|
||||||
"resolved": "https://registry.npmjs.org/figgy-pudding/-/figgy-pudding-3.5.1.tgz",
|
"resolved": "https://registry.npmjs.org/figgy-pudding/-/figgy-pudding-3.5.1.tgz",
|
||||||
"integrity": "sha512-vNKxJHTEKNThjfrdJwHc7brvM6eVevuO5nTj6ez8ZQ1qbXTvGthucRF7S4vf2cr71QVnT70V34v0S1DyQsti0w=="
|
"integrity": "sha512-vNKxJHTEKNThjfrdJwHc7brvM6eVevuO5nTj6ez8ZQ1qbXTvGthucRF7S4vf2cr71QVnT70V34v0S1DyQsti0w=="
|
||||||
},
|
},
|
||||||
|
"file-loader": {
|
||||||
|
"version": "5.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/file-loader/-/file-loader-5.0.2.tgz",
|
||||||
|
"integrity": "sha512-QMiQ+WBkGLejKe81HU8SZ9PovsU/5uaLo0JdTCEXOYv7i7jfAjHZi1tcwp9tSASJPOmmHZtbdCervFmXMH/Dcg==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"loader-utils": "^1.2.3",
|
||||||
|
"schema-utils": "^2.5.0"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"schema-utils": {
|
||||||
|
"version": "2.6.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.6.1.tgz",
|
||||||
|
"integrity": "sha512-0WXHDs1VDJyo+Zqs9TKLKyD/h7yDpHUhEFsM2CzkICFdoX1av+GBq/J2xRTFfsQO5kBfhZzANf2VcIm84jqDbg==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"ajv": "^6.10.2",
|
||||||
|
"ajv-keywords": "^3.4.1"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
"fill-range": {
|
"fill-range": {
|
||||||
"version": "4.0.0",
|
"version": "4.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,7 @@
|
||||||
"main": "src/index.js",
|
"main": "src/index.js",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"test": "echo \"Error: no test specified\" && exit 1",
|
"test": "echo \"Error: no test specified\" && exit 1",
|
||||||
"start": "http-server .",
|
"start": "http-server ./dist/",
|
||||||
"watch:dev": "node ./node_modules/webpack/bin/webpack.js --watch --mode development .",
|
"watch:dev": "node ./node_modules/webpack/bin/webpack.js --watch --mode development .",
|
||||||
"buildprod": "node ./node_modules/webpack/bin/webpack.js --mode production ."
|
"buildprod": "node ./node_modules/webpack/bin/webpack.js --mode production ."
|
||||||
},
|
},
|
||||||
|
|
@ -17,6 +17,7 @@
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"css-loader": "^3.3.0",
|
"css-loader": "^3.3.0",
|
||||||
|
"file-loader": "^5.0.2",
|
||||||
"http-server": "^0.12.0",
|
"http-server": "^0.12.0",
|
||||||
"mini-css-extract-plugin": "^0.8.0",
|
"mini-css-extract-plugin": "^0.8.0",
|
||||||
"optimize-css-assets-webpack-plugin": "^5.0.3",
|
"optimize-css-assets-webpack-plugin": "^5.0.3",
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
|
@ -7,6 +7,7 @@
|
||||||
*/
|
*/
|
||||||
import './index.css';
|
import './index.css';
|
||||||
import './services/loading/loading.css';
|
import './services/loading/loading.css';
|
||||||
|
import './assets/favicon.ico';
|
||||||
import { Minesweeper } from './minesweeper.js';
|
import { Minesweeper } from './minesweeper.js';
|
||||||
|
|
||||||
/** start the game **/
|
/** start the game **/
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,4 @@
|
||||||
|
const FileSystem = require('fs');
|
||||||
const path = require('path');
|
const path = require('path');
|
||||||
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
|
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
|
||||||
const TerserJSPlugin = require('terser-webpack-plugin');
|
const TerserJSPlugin = require('terser-webpack-plugin');
|
||||||
|
|
@ -8,7 +9,7 @@ module.exports = {
|
||||||
main: './src/index.js',
|
main: './src/index.js',
|
||||||
},
|
},
|
||||||
output: {
|
output: {
|
||||||
filename: '[name].bundle.js',
|
filename: '[name].[contenthash].js',
|
||||||
path: path.resolve(__dirname, 'dist'),
|
path: path.resolve(__dirname, 'dist'),
|
||||||
},
|
},
|
||||||
optimization: {
|
optimization: {
|
||||||
|
|
@ -21,10 +22,37 @@ module.exports = {
|
||||||
new MiniCssExtractPlugin({
|
new MiniCssExtractPlugin({
|
||||||
// Options similar to the same options in webpackOptions.output
|
// Options similar to the same options in webpackOptions.output
|
||||||
// all options are optional
|
// all options are optional
|
||||||
filename: '[name].bundle.css',
|
filename: '[name].[contenthash].css',
|
||||||
chunkFilename: '[id].css',
|
chunkFilename: '[id].css',
|
||||||
ignoreOrder: false, // Enable to remove warnings about conflicting order
|
ignoreOrder: false, // Enable to remove warnings about conflicting order
|
||||||
}),
|
}),
|
||||||
|
function() {
|
||||||
|
this.plugin('done', function(statsData) {
|
||||||
|
var stats = statsData.toJson();
|
||||||
|
|
||||||
|
if (!stats.errors.length) {
|
||||||
|
var htmlFileName = 'index.html';
|
||||||
|
var html = FileSystem.readFileSync(path.join(__dirname, htmlFileName), 'utf8');
|
||||||
|
|
||||||
|
console.log(stats.assetsByChunkName.main);
|
||||||
|
var htmlOutput = html.replace(
|
||||||
|
/vendors~main.bundle.js/i,
|
||||||
|
stats.assetsByChunkName['vendors~main']);
|
||||||
|
|
||||||
|
htmlOutput = htmlOutput.replace(
|
||||||
|
/main.bundle.css/i,
|
||||||
|
stats.assetsByChunkName.main[0]);
|
||||||
|
|
||||||
|
htmlOutput = htmlOutput.replace(
|
||||||
|
/main.bundle.js/i,
|
||||||
|
stats.assetsByChunkName.main[1]);
|
||||||
|
|
||||||
|
FileSystem.writeFileSync(
|
||||||
|
path.join(__dirname, 'dist', htmlFileName),
|
||||||
|
htmlOutput);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
],
|
],
|
||||||
module: {
|
module: {
|
||||||
|
|
||||||
|
|
@ -38,6 +66,17 @@ module.exports = {
|
||||||
'css-loader',
|
'css-loader',
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
test: /\.(png|jpe?g|gif|ico)$/i,
|
||||||
|
use: [
|
||||||
|
{
|
||||||
|
loader: 'file-loader',
|
||||||
|
options: {
|
||||||
|
name: 'assets/[name].[ext]',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
Loading…
Reference in a new issue