mikl/hollow-knight-completion-check
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

main.css

Browse source
This commit is contained in:
ReznoRMichael 2021-01-25 14:50:32 +01:00
parent 1102ab2613
commit a3d5e58c22
4 changed files with 19 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
docs/index.html
View file

@ -27,7 +27,7 @@
<meta property="twitter:url" content="https://reznormichael.github.io/hollow-knight-completion-check/">
<meta name="author" content="ReznoR Michael">
<link rel="icon" href="favicon.png"><link href="index.css" rel="stylesheet"></head>
<link rel="icon" href="favicon.png"><link href="main.css" rel="stylesheet"></head>
<body>
<div id="background"></div>

0
docs/index.css → docs/main.css
View file

20
webpack.dev.js
View file

@ -1,27 +1,31 @@
/* global require module __dirname */
const HtmlWebpackPlugin = require('html-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const {
CleanWebpackPlugin
} = require('clean-webpack-plugin');
module.exports = {
entry: {
index: './src/js/index.js',
index: './src/js/index.js'
},
mode: 'development',
output: {
path: `${__dirname}/docs`,
filename: 'app.js',
assetModuleFilename: 'img/[hash][ext][query]',
assetModuleFilename: 'img/[hash][ext][query]'
},
plugins: [
new CleanWebpackPlugin(),
new MiniCssExtractPlugin(),
new MiniCssExtractPlugin({
filename: 'main.css'
}),
new HtmlWebpackPlugin({
template: './src/index.html',
inject: true,
chunks: ['index'],
filename: 'index.html',
favicon: "./src/favicon.png",
favicon: "./src/favicon.png"
})
],
module: {
@ -31,7 +35,7 @@ module.exports = {
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env'],
presets: ['@babel/preset-env']
},
},
},
@ -40,7 +44,7 @@ module.exports = {
use: [{
loader: MiniCssExtractPlugin.loader,
options: {
publicPath: "",
publicPath: ""
},
},
// 'style-loader',
@ -50,7 +54,7 @@ module.exports = {
},
{
test: /\.(svg|jpg|png|ttf|eot|woff|woff2)$/,
type: 'asset',
type: 'asset'
},
],
},

8
webpack.prod.js
View file

@ -3,7 +3,9 @@ const HtmlWebpackPlugin = require('html-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
const TerserPlugin = require('terser-webpack-plugin');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const {
CleanWebpackPlugin
} = require('clean-webpack-plugin');
module.exports = {
entry: {
@ -26,7 +28,9 @@ module.exports = {
},
plugins: [
new CleanWebpackPlugin(),
new MiniCssExtractPlugin(),
new MiniCssExtractPlugin({
filename: 'main.css'
}),
new HtmlWebpackPlugin({
template: './src/index.html',
inject: true,