webpack5 (#1140)

* webpack5 * bye progress-bar-webpack-plugin など * cache * bye terser
mei23 · May 5, 2020 · a33c921 · a33c921
1 parent afd81c5
commit a33c921
Show file tree

Hide file tree

Showing 4 changed files with 102 additions and 764 deletions.
diff --git a/gulpfile.ts b/gulpfile.ts
@@ -11,7 +11,6 @@ import * as rimraf from 'rimraf';
 import * as chalk from 'chalk';
 import * as rename from 'gulp-rename';
 import * as replace from 'gulp-replace';
-const terser = require('gulp-terser');
 const cleanCSS = require('gulp-clean-css');
 
 const locales = require('./locales');
@@ -85,9 +84,6 @@ gulp.task('build:client:script', () => {
 		.pipe(replace('VERSION', JSON.stringify(client.version)))
 		.pipe(replace('ENV', JSON.stringify(env)))
 		.pipe(replace('LANGS', JSON.stringify(Object.keys(locales))))
-		.pipe(terser({
-			toplevel: true
-		}))
 		.pipe(gulp.dest('./built/client/assets/'));
 });
 

diff --git a/package.json b/package.json
@@ -125,10 +125,8 @@
 		"gulp-replace": "1.0.0",
 		"gulp-sourcemaps": "2.6.5",
 		"gulp-stylus": "2.7.0",
-		"gulp-terser": "1.2.0",
 		"gulp-tslint": "8.1.4",
 		"gulp-typescript": "5.0.1",
-		"hard-source-webpack-plugin": "0.13.1",
 		"html-minifier": "4.0.0",
 		"htmlescape": "1.1.1",
 		"http-proxy-agent": "4.0.1",
@@ -170,7 +168,6 @@
 		"postcss-loader": "3.0.0",
 		"prismjs": "1.20.0",
 		"probe-image-size": "5.0.0",
-		"progress-bar-webpack-plugin": "2.1.0",
 		"promise-limit": "2.7.0",
 		"promise-sequential": "1.1.1",
 		"pug": "2.0.4",
@@ -198,7 +195,6 @@
 		"summaly": "2.3.1",
 		"systeminformation": "4.24.1",
 		"syuilo-password-strength": "0.0.1",
-		"terser-webpack-plugin": "2.3.6",
 		"textarea-caret": "3.1.0",
 		"three": "0.116.1",
 		"tinycolor2": "1.4.1",
@@ -231,7 +227,7 @@
 		"vuex": "3.3.0",
 		"vuex-persistedstate": "3.0.1",
 		"web-push": "3.4.3",
-		"webpack": "4.43.0",
+		"webpack": "5.0.0-beta.15",
 		"webpack-cli": "3.3.11",
 		"websocket": "1.0.31",
 		"ws": "7.2.5",

diff --git a/webpack.config.ts b/webpack.config.ts
@@ -4,12 +4,8 @@
 
 import * as fs from 'fs';
 import * as webpack from 'webpack';
-import * as chalk from 'chalk';
 import rndstr from 'rndstr';
 const { VueLoaderPlugin } = require('vue-loader');
-//const HardSourceWebpackPlugin = require('hard-source-webpack-plugin');
-const ProgressBarPlugin = require('progress-bar-webpack-plugin');
-const TerserPlugin = require('terser-webpack-plugin');
 
 class WebpackOnBuildPlugin {
 	constructor(readonly callback: (stats: any) => void) {
@@ -124,10 +120,7 @@ module.exports = {
 	},
 	plugins: [
 		//new HardSourceWebpackPlugin(),
-		new ProgressBarPlugin({
-			format: chalk`  {cyan.bold yes we can} {bold [}:bar{bold ]} {green.bold :percent} {gray (:current/:total)} :elapseds`,
-			clear: false
-		}),
+		new webpack.ProgressPlugin({}),
 		new webpack.DefinePlugin({
 			_CONSTANTS_: JSON.stringify(constants),
 			_VERSION_: JSON.stringify(version),
@@ -159,16 +152,22 @@ module.exports = {
 			'.js', '.ts', '.json'
 		],
 		alias: {
+			'crypto': false,
 			'const.styl': __dirname + '/src/client/const.styl'
 		}
 	},
 	resolveLoader: {
 		modules: ['node_modules']
 	},
 	optimization: {
-		minimizer: [new TerserPlugin()]
+		minimize: false
+	},
+	cache: {
+		type: 'filesystem',
+		buildDependencies: {
+			config: [__filename]
+		}
 	},
-	cache: true,
 	devtool: false, //'source-map',
 	mode: isProduction ? 'production' : 'development'
 };