Theme changes
This commit is contained in:
parent
bf932ee5d9
commit
7578dee4d6
2
Makefile
2
Makefile
|
|
@ -31,7 +31,7 @@ site:
|
||||||
$(HUGO) $(HUGO_ARGS) --destination $(REMOTE_DIR)
|
$(HUGO) $(HUGO_ARGS) --destination $(REMOTE_DIR)
|
||||||
|
|
||||||
local:
|
local:
|
||||||
$(HUGO) $(HUGO_ARGS) --baseURL http://$(IP) --destination $(LOCAL_DIR)
|
$(HUGO) $(HUGO_ARGS) --baseURL http://0.0.0.0:3000 --destination $(LOCAL_DIR)
|
||||||
|
|
||||||
staging:
|
staging:
|
||||||
$(HUGO) --buildDrafts --buildExpired --buildFuture --gc
|
$(HUGO) --buildDrafts --buildExpired --buildFuture --gc
|
||||||
|
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 6.4 MiB |
File diff suppressed because it is too large
Load Diff
|
|
@ -27,10 +27,10 @@
|
||||||
"font-loader": "^0.1.2",
|
"font-loader": "^0.1.2",
|
||||||
"image-webpack-loader": "^4.6.0",
|
"image-webpack-loader": "^4.6.0",
|
||||||
"mini-css-extract-plugin": "^0.5.0",
|
"mini-css-extract-plugin": "^0.5.0",
|
||||||
"node-sass": "^4.11.0",
|
|
||||||
"optimize-css-assets-webpack-plugin": "^5.0.1",
|
"optimize-css-assets-webpack-plugin": "^5.0.1",
|
||||||
"postcss-loader": "^3.0.0",
|
"postcss-loader": "^3.0.0",
|
||||||
"postcss-preset-env": "^6.5.0",
|
"postcss-preset-env": "^6.5.0",
|
||||||
|
"sass": "^1.49.8",
|
||||||
"sass-loader": "^7.1.0",
|
"sass-loader": "^7.1.0",
|
||||||
"style-loader": "^0.23.1",
|
"style-loader": "^0.23.1",
|
||||||
"uglifyjs-webpack-plugin": "^2.1.1",
|
"uglifyjs-webpack-plugin": "^2.1.1",
|
||||||
|
|
|
||||||
|
|
@ -27,7 +27,7 @@
|
||||||
height: 90px;
|
height: 90px;
|
||||||
border-radius: $border-radius;
|
border-radius: $border-radius;
|
||||||
padding: $gutter-width;
|
padding: $gutter-width;
|
||||||
margin: calc(100vh - 310px) -$gutter-width 0 -$gutter-width;
|
margin: calc(100vh - 310px) 0-$gutter-width 0 0-$gutter-width;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,21 +1,21 @@
|
||||||
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
|
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
|
||||||
const CleanWebpackPlugin = require('clean-webpack-plugin');
|
const CleanWebpackPlugin = require("clean-webpack-plugin");
|
||||||
const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
|
const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
|
||||||
const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");
|
const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");
|
||||||
const path = require('path');
|
const path = require("path");
|
||||||
|
|
||||||
module.exports = {
|
module.exports = {
|
||||||
entry: {
|
entry: {
|
||||||
bundle: ['./src/js/main.js'],
|
bundle: ["./src/js/main.js"],
|
||||||
images: ['./src/js/images.js'],
|
images: ["./src/js/images.js"],
|
||||||
style: ['./src/scss/main.scss'],
|
style: ["./src/scss/main.scss"],
|
||||||
},
|
},
|
||||||
mode: 'production',
|
mode: "production",
|
||||||
devtool: 'source-map',
|
devtool: "source-map",
|
||||||
context: __dirname,
|
context: __dirname,
|
||||||
output: {
|
output: {
|
||||||
filename: 'js/[name].js',
|
filename: "js/[name].js",
|
||||||
path: __dirname + '/assets',
|
path: __dirname + "/assets",
|
||||||
},
|
},
|
||||||
module: {
|
module: {
|
||||||
rules: [
|
rules: [
|
||||||
|
|
@ -24,9 +24,9 @@ module.exports = {
|
||||||
exclude: /node_modules/,
|
exclude: /node_modules/,
|
||||||
use: [
|
use: [
|
||||||
{
|
{
|
||||||
loader: 'babel-loader'
|
loader: "babel-loader",
|
||||||
}
|
},
|
||||||
]
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
test: /\.(sa|sc|c)ss$/,
|
test: /\.(sa|sc|c)ss$/,
|
||||||
|
|
@ -34,114 +34,120 @@ module.exports = {
|
||||||
{
|
{
|
||||||
loader: MiniCssExtractPlugin.loader,
|
loader: MiniCssExtractPlugin.loader,
|
||||||
options: {
|
options: {
|
||||||
publicPath: '../',
|
publicPath: "../",
|
||||||
sourceMap: true
|
sourceMap: true,
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
loader: "css-loader",
|
loader: "css-loader",
|
||||||
options: {
|
options: {
|
||||||
sourceMap: true
|
sourceMap: true,
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
loader: "postcss-loader",
|
loader: "postcss-loader",
|
||||||
options: {
|
options: {
|
||||||
sourceMap: true
|
sourceMap: true,
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
loader: "sass-loader",
|
loader: "sass-loader",
|
||||||
options: {
|
options: {
|
||||||
sourceMap: true
|
sourceMap: true,
|
||||||
}
|
implementation: require("sass"),
|
||||||
},
|
},
|
||||||
]
|
},
|
||||||
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
test: /\.woff2?(\?v=\d+\.\d+\.\d+)?$/,
|
test: /\.woff2?(\?v=\d+\.\d+\.\d+)?$/,
|
||||||
loader: "url-loader",
|
loader: "url-loader",
|
||||||
options: {
|
options: {
|
||||||
limit: 1000,
|
limit: 1000,
|
||||||
mimetype: 'application/font-woff',
|
mimetype: "application/font-woff",
|
||||||
name: '[name].[ext]',
|
name: "[name].[ext]",
|
||||||
outputPath: '../static/fonts',
|
outputPath: "../static/fonts",
|
||||||
publicPath: '../fonts'
|
publicPath: "../fonts",
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/,
|
test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/,
|
||||||
loader: "url-loader",
|
loader: "url-loader",
|
||||||
options: {
|
options: {
|
||||||
limit: 1000,
|
limit: 1000,
|
||||||
mimetype: 'application/octet-stream',
|
mimetype: "application/octet-stream",
|
||||||
name: '[name].[ext]',
|
name: "[name].[ext]",
|
||||||
outputPath: '../static/fonts',
|
outputPath: "../static/fonts",
|
||||||
publicPath: '../fonts'
|
publicPath: "../fonts",
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
test: /\.eot(\?v=\d+\.\d+\.\d+)?$/,
|
test: /\.eot(\?v=\d+\.\d+\.\d+)?$/,
|
||||||
loader: "file-loader",
|
loader: "file-loader",
|
||||||
options: {
|
options: {
|
||||||
name: '[name].[ext]',
|
name: "[name].[ext]",
|
||||||
outputPath: '../static/fonts',
|
outputPath: "../static/fonts",
|
||||||
publicPath: '../fonts'
|
publicPath: "../fonts",
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
|
test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
|
||||||
loader: "url-loader",
|
loader: "url-loader",
|
||||||
options: {
|
options: {
|
||||||
limit: 1000,
|
limit: 1000,
|
||||||
mimetype: 'image/svg+xml',
|
mimetype: "image/svg+xml",
|
||||||
name: '[name].[ext]',
|
name: "[name].[ext]",
|
||||||
outputPath: '../static/fonts',
|
outputPath: "../static/fonts",
|
||||||
publicPath: '../fonts'
|
publicPath: "../fonts",
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
test: /\/src\/img\/.*\.(ico|svg|ico|gif|jpe?g|png)$/,
|
test: /\/src\/img\/.*\.(ico|svg|ico|gif|jpe?g|png)$/,
|
||||||
use: [
|
use: [
|
||||||
{
|
{
|
||||||
loader: 'file-loader',
|
loader: "file-loader",
|
||||||
options: {
|
options: {
|
||||||
name: '../static/img/[2].[ext]',
|
name: "../static/img/[2].[ext]",
|
||||||
regExp: /(src\/img)+\/(.*).(gif|svg|ico|gif|jpe?g|png)$/,
|
regExp: /(src\/img)+\/(.*).(gif|svg|ico|gif|jpe?g|png)$/,
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
loader: 'image-webpack-loader',
|
loader: "image-webpack-loader",
|
||||||
options: {
|
options: {
|
||||||
mozjpeg: {
|
mozjpeg: {
|
||||||
progressive: true,
|
progressive: true,
|
||||||
quality: 75
|
quality: 75,
|
||||||
},
|
},
|
||||||
// optipng.enabled: false will disable optipng
|
// optipng.enabled: false will disable optipng
|
||||||
optipng: {
|
optipng: {
|
||||||
enabled: false,
|
enabled: false,
|
||||||
},
|
},
|
||||||
pngquant: {
|
pngquant: {
|
||||||
quality: '65-90',
|
quality: "65-90",
|
||||||
speed: 4
|
speed: 4,
|
||||||
},
|
},
|
||||||
gifsicle: {
|
gifsicle: {
|
||||||
interlaced: false,
|
interlaced: false,
|
||||||
},
|
},
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
},
|
||||||
]
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
],
|
||||||
},
|
},
|
||||||
plugins: [
|
plugins: [
|
||||||
new CleanWebpackPlugin(['assets/css/*', 'assets/js/*', 'static/fonts/*', 'static/img/*']),
|
new CleanWebpackPlugin([
|
||||||
|
"assets/css/*",
|
||||||
|
"assets/js/*",
|
||||||
|
"static/fonts/*",
|
||||||
|
"static/img/*",
|
||||||
|
]),
|
||||||
new MiniCssExtractPlugin({
|
new MiniCssExtractPlugin({
|
||||||
// Options similar to the same options in webpackOptions.output
|
// Options similar to the same options in webpackOptions.output
|
||||||
// both options are optional
|
// both options are optional
|
||||||
filename: "css/[name].css",
|
filename: "css/[name].css",
|
||||||
chunkFilename: "css/[id].css",
|
chunkFilename: "css/[id].css",
|
||||||
})
|
}),
|
||||||
],
|
],
|
||||||
optimization: {
|
optimization: {
|
||||||
usedExports: true,
|
usedExports: true,
|
||||||
|
|
@ -149,16 +155,16 @@ module.exports = {
|
||||||
new UglifyJsPlugin({
|
new UglifyJsPlugin({
|
||||||
cache: true,
|
cache: true,
|
||||||
parallel: true,
|
parallel: true,
|
||||||
sourceMap: true // set to true if you want JS source maps
|
sourceMap: true, // set to true if you want JS source maps
|
||||||
}),
|
}),
|
||||||
new OptimizeCSSAssetsPlugin({
|
new OptimizeCSSAssetsPlugin({
|
||||||
cssProcessorOptions: {
|
cssProcessorOptions: {
|
||||||
map: {
|
map: {
|
||||||
inline: false,
|
inline: false,
|
||||||
annotation: true
|
annotation: true,
|
||||||
}
|
},
|
||||||
}
|
},
|
||||||
})
|
}),
|
||||||
]
|
],
|
||||||
}
|
},
|
||||||
};
|
};
|
||||||
Loading…
Reference in New Issue