RSS Git Download  Clone
Raw View History
Blames found: 76 Mode: javascript Binary: false


Hang on, we reloading big blames...
const fs = require('fs').promises const path = require('path'); const webpack = require('webpack'); const utils = require('corifeus-utils')
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const TerserPlugin = require('terser-webpack-plugin')
const WebpackOnBuildPlugin = require('on-build-webpack');
const fileAsset = `[name].[hash].[ext]`;
const minimize = process.argv.includes('--production');
const mode = minimize ? 'production' : 'development';
let minimizer = undefined;
const prodDir = require('./package').corifeus["prod-dir"]; const buildDir = __dirname + `/public/${prodDir}/webpack`;
let devtool; const plugins = [
new ExtractTextPlugin({
filename: '[name].[hash].css', disable: false, allChunks: true
}), new HtmlWebpackPlugin({
template: `${__dirname}/src/browser/layout.tpl.twig`,
inject: 'body',
chunks: ['bundle'],
filename: `${__dirname}/src/twig/layout.twig`,
}), ];
/*
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) )
} }
await Promise.all(promises); } catch(e) { console.error(e) process.exit(-1) } }), )
*/
if (minimize) {
const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin'); plugins.push( new OptimizeCssAssetsPlugin({ assetNameRegExp: /\.css$/g,
// cssProcessor: require('cssnano'), // cssProcessorOptions: { safe: true, discardComments: { removeAll: true } },
canPrint: true }) )
devtool = false;
const bannerText = require('corifeus-builder').utils.license();
minimizer = [
new TerserPlugin({
sourceMap: true, parallel: true, cache: true, extractComments: { condition: /^\**!|@preserve|@license|@cc_on/,
filename: function (fileOptions) { return `${fileOptions.filename}.LICENSE.txt`;
}, banner: function (webpackBanner) { return ` ${bannerText} For more information about all licenses, please see ${webpackBanner} `; } },
terserOptions: {
compress: { warnings: false },
ecma: 2018,
// todo found out if mangle use or not // mangle: false === keep function names // mangle: true === drop function names
mangle: true,
comments: false, beautify: false }, }), ]
plugins.push( new webpack.BannerPlugin({ banner: bannerText, include: /\.css$/, exclude: /\.ts$|\.js$/, // hash:[hash], chunkhash:[chunkhash], name:[name], filebase:[filebase], query:[query], file:[file] }) ) plugins.push( new webpack.SourceMapDevToolPlugin({ filename: 'sourcemaps/[file].map',
append: '\n//# sourceMappingURL=./[url]'
}) )
} const fileLoader = [ { loader: 'file-loader', options: { name: fileAsset, outputPath: 'assets', context: 'assets',
publicPath: '/prod/webpack/assets', useRelativePath: false,
} } ] module.exports = {
// watch: true,
devtool: devtool, entry: {
bundle: "./src/browser/bundle.js",
}, output: {
path: buildDir, filename: '[name].[hash].js', chunkFilename: '[id].[hash].chunk.js', // publicPath: '{{ app.url_subdir }}/webpack/',
publicPath: `./${prodDir}/webpack/`,
}, module: { rules: [
{ test: /\.worker\.js$/, use: { loader: 'worker-loader' } },
{ test: /\.less$/, use: [{
loader: 'style-loader' ,
}, {
loader: '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 }, { test: /\.css$/, use: ExtractTextPlugin.extract({
// fallback: "style-loader",
use: [ { loader: 'css-loader', options: {
// in v2 it throws error // minimize: minimize,
sourceMap: true }, }] }) } ] }, optimization: { minimize: minimize, minimizer: minimizer }, plugins: plugins, mode: mode,
}