aboutsummaryrefslogtreecommitdiffstats
path: root/config/webpack.common.js
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2021-10-30 22:44:55 +0200
committerArmand Philippot <git@armandphilippot.com>2021-10-30 23:09:33 +0200
commit815b190d28cc42e6f3d44d04e1f1ebaea9208cf6 (patch)
tree0d3f0133a39a4a796e698d360dc32f54fb41d8ad /config/webpack.common.js
parent3a3baddad1c801d77dc398d2c6980f3c14f4a47c (diff)
chore: convert html files to php
Now I can use php to determine current env and load static CSS file if it is prod.
Diffstat (limited to 'config/webpack.common.js')
-rw-r--r--config/webpack.common.js102
1 files changed, 0 insertions, 102 deletions
diff --git a/config/webpack.common.js b/config/webpack.common.js
deleted file mode 100644
index 69ecd2f..0000000
--- a/config/webpack.common.js
+++ /dev/null
@@ -1,102 +0,0 @@
-const ImageMinimizerPlugin = require('image-minimizer-webpack-plugin');
-const CopyPlugin = require('copy-webpack-plugin');
-const paths = require('./paths');
-
-module.exports = {
- entry: {
- style: {
- import: paths.src.style,
- filename: 'js/style.js',
- },
- scripts: {
- import: paths.src.scripts,
- filename: 'js/app.js',
- },
- },
- output: {
- path: paths.dist,
- clean: true,
- hotUpdateChunkFilename: 'hmr/[id].[fullhash].hot-update.js',
- hotUpdateMainFilename: 'hmr/[runtime].[fullhash].hot-update.json',
- },
- module: {
- rules: [
- {
- test: /\.m?js$/,
- exclude: /node_modules/,
- use: ['babel-loader'],
- },
- {
- test: /\.(png|jpe?g|gif|svg)$/i,
- type: 'asset/resource',
- generator: {
- filename: (img) => {
- const relativePath = img.filename;
- const filteredPath = relativePath.replace('src/', '');
- return filteredPath;
- },
- },
- },
- {
- test: /\.(woff|woff2|eot|ttf|otf)$/i,
- type: 'asset/resource',
- generator: {
- filename: (font) => {
- const relativePath = font.filename;
- const filteredPath = relativePath.replace('src/', '');
- return filteredPath;
- },
- },
- },
- ],
- },
- optimization: {
- runtimeChunk: {
- name: 'js/runtime',
- },
- splitChunks: {
- cacheGroups: {
- style: {
- type: 'css/mini-extract',
- name: '/css/style',
- chunks: (chunk) => chunk.name === 'style',
- enforce: true,
- },
- },
- },
- },
- plugins: [
- new ImageMinimizerPlugin({
- minimizerOptions: {
- plugins: [
- ['gifsicle', { interlaced: true }],
- ['mozjpeg', { progressive: true, quality: 75 }],
- ['optipng', { optimizationLevel: 5 }],
- [
- 'svgo',
- {
- plugins: [
- {
- name: 'preset-default',
- params: {
- overrides: {
- removeTitle: false,
- removeViewBox: false,
- },
- },
- },
- 'removeDimensions',
- ],
- },
- ],
- ],
- },
- }),
- new CopyPlugin({
- patterns: [
- { from: paths.src.fonts, to: 'fonts', noErrorOnMissing: true },
- { from: paths.src.images, to: 'images', noErrorOnMissing: true },
- ],
- }),
- ],
-};