P3X GitList

Raw View History

Blames found: 75 Mode: javascript Binary: false

Hang on, we reloading big blames...

3d426958

const config = require('corifeus-builder/src/utils/config').config

dd5784c6

const fs = require('fs').promises const path = require('path'); const webpack = require('webpack'); const utils = require('corifeus-utils')

07e4d1e0

const MiniCssExtractPlugin = require('mini-css-extract-plugin');

dd5784c6

const HtmlWebpackPlugin = require('html-webpack-plugin');

d00b4d10

const TerserPlugin = require('terser-webpack-plugin')

6722fb20

07e4d1e0

const fileAsset = `[name].[contenthash].[ext]`; const minimize = process.argv.includes('--mode=production');

a2226999

const mode = minimize ? 'production' : 'development';

6722fb20

let minimizer = undefined;

d049c45d

const prodDir = require('./package').corifeus["prod-dir"]; const buildDir = __dirname + `/public/${prodDir}/webpack`;

dd5784c6

6722fb20

let devtool;

3d426958

const fileLoader = [ { loader: 'file-loader', options: { name: fileAsset, outputPath: 'assets', context: 'assets', publicPath: '/prod/webpack/assets', useRelativePath: false, } } ] const rules = [ { test: /\.js$/, enforce: 'pre', use: ['source-map-loader'], }, { test: /\.worker\.js$/, use: { loader: 'worker-loader' } }, { test: /\.(css|less)$/, use: [ { loader: MiniCssExtractPlugin.loader, options: { }, }, 'css-loader', { loader: 'less-loader', }], }, { test: /\.html$/, use: [{ loader: 'html-loader', options: { minimize: minimize, //caseSensitive: true } }] }, { test: /\.(png|jpe?g|gif|ico)$/, use: fileLoader }, { test: /\.woff(\?v=\d+\.\d+\.\d+)?$/, use: fileLoader }, { test: /\.woff2(\?v=\d+\.\d+\.\d+)?$/, use: fileLoader }, { test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, use: fileLoader }, { test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, use: fileLoader }, { test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, use: fileLoader }, ]

6722fb20

const plugins = [

dd5784c6

cacce193

/* not needed, as require or import will import, but it is to stop automatically all, we rather employ the import instead of webpack new webpack.ContextReplacementPlugin( /moment[/\\]locale$/, // /de|fr|hu/ /hu/ ), */ new webpack.IgnorePlugin({ resourceRegExp: /^\.\/locale$/, contextRegExp: /moment$/ }),

6722fb20

new HtmlWebpackPlugin({

d049c45d

template: `${__dirname}/src/browser/layout.tpl.twig`,

30923e92

inject: 'body',

6722fb20

chunks: ['bundle'],

d049c45d

filename: `${__dirname}/src/twig/layout.twig`,

6722fb20

}),

07e4d1e0

new MiniCssExtractPlugin({ // Options similar to the same options in webpackOptions.output // both options are optional filename: !minimize ? '[name].css' : '[name].[contenthash].css',

99e98601

chunkFilename: !minimize ? '[name].css' : '[name].[contenthash].css',

07e4d1e0

}),];

6722fb20

a25d233d

/*

f676b26a

plugins.push( new WebpackOnBuildPlugin(async (stats) => { try { const newFileNames = Object.keys(stats.compilation.assets).map(file => path.resolve(`${buildDir}/${file}`)); const baseDir = path.resolve(buildDir); const baseDirList = await utils.fs.readdirRecursive(baseDir) const promises = []; for(let baseDirFile of baseDirList) { if (!newFileNames.includes(baseDirFile)) { promises.push( fs.unlink(baseDirFile) )

dd5784c6

} }

f676b26a

await Promise.all(promises); } catch(e) { console.error(e) process.exit(-1) } }), )

eb8f3228

*/

dd5784c6

6722fb20

if (minimize) {

30923e92

const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin'); plugins.push( new OptimizeCssAssetsPlugin({ assetNameRegExp: /\.css$/g,

d965056a

// cssProcessor: require('cssnano'), // cssProcessorOptions: { safe: true, discardComments: { removeAll: true } },

30923e92

canPrint: true }) )

6722fb20

devtool = false;

01fb4848

const bannerText = require('corifeus-builder').utils.license();

6722fb20

minimizer = [

d00b4d10

new TerserPlugin({

6722fb20

parallel: true, extractComments: { condition: /^\**!|@preserve|@license|@cc_on/,

759bdf04

filename: function (fileOptions) { return `${fileOptions.filename}.LICENSE.txt`;

6722fb20

}, banner: function (webpackBanner) { return ` ${bannerText} For more information about all licenses, please see ${webpackBanner} `; } },

d00b4d10

terserOptions: {

6722fb20

compress: { warnings: false },

3d426958

ecma: config.ecma,

6722fb20

// todo found out if mangle use or not // mangle: false === keep function names // mangle: true === drop function names

a48732f7

mangle: true,

6722fb20

}, }), ]

dd5784c6

6722fb20

plugins.push( new webpack.BannerPlugin({ banner: bannerText, include: /\.css$/, exclude: /\.ts$|\.js$/, // hash:[hash], chunkhash:[chunkhash], name:[name], filebase:[filebase], query:[query], file:[file] }) )

99e98601

/*

457894a2

https://webpack.js.org/guides/build-performance/#source-maps

6722fb20

plugins.push( new webpack.SourceMapDevToolPlugin({ filename: 'sourcemaps/[file].map',

14fc6168

append: '\n//# sourceMappingURL=./[url]'

6722fb20

}) )

99e98601

*/

dd5784c6

3d426958

rules.unshift({ test: /\.js$/, loader: 'webpack-remove-debug' })

6722fb20

}

3d426958

6722fb20

module.exports = {

dd5784c6

// watch: true,

6722fb20

devtool: devtool, entry: {

d049c45d

bundle: "./src/browser/bundle.js",

6722fb20

}, output: {

dd5784c6

path: buildDir,

07e4d1e0

filename: '[name].[contenthash].js',

5d4eafb4

// chunkFilename: '[name].[contenthash].js',

dd5784c6

// publicPath: '{{ app.url_subdir }}/webpack/',

d049c45d

publicPath: `./${prodDir}/webpack/`,

6722fb20

}, module: {

3d426958

rules: rules

6722fb20

}, optimization: { minimize: minimize, minimizer: minimizer }, plugins: plugins, mode: mode,

d049c45d

}