diff options
| author | Armand Philippot <git@armandphilippot.com> | 2021-10-30 22:44:55 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2021-10-30 23:09:33 +0200 |
| commit | 815b190d28cc42e6f3d44d04e1f1ebaea9208cf6 (patch) | |
| tree | 0d3f0133a39a4a796e698d360dc32f54fb41d8ad /config/webpack.common.js | |
| parent | 3a3baddad1c801d77dc398d2c6980f3c14f4a47c (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.js | 102 |
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 }, - ], - }), - ], -}; |
