fix: replace lookups for TerserPlugin in webpack.optimise

replace lookups for TerserPlugin in webpack.optimise with requiring terser-webpack-plugin

Author: abenezerabebe

package-lock.json

@@ -1,6 +1,7 @@
 const webpack = require('webpack');
 const nodeEnvironment = process.env.NODE_ENV;
 const _ = require("lodash");
+const TerserPlugin = require('terser-webpack-plugin');
 
 const config = {
 	entry: {
@@ -43,7 +44,7 @@ const config = {
 
 switch (nodeEnvironment) {
 	case "production":
-		config.plugins.push(new webpack.optimize.TerserPlugin());
+		config.plugins.push(new TerserPlugin());
 	case "preproduction":
 		config.output.path = __dirname + "/dist";
 		config.plugins.push(new webpack.optimize.DedupePlugin());

packages/migrate/__testfixtures__/failing.js

@@ -22,7 +22,7 @@ module.exports = {
 		modules: ['node_modules']
 	},
 	plugins: [
-		new webpack.optimize.TerserPlugin(),
+		new TerserPlugin(),
 		new webpack.optimize.OccurrenceOrderPlugin()
 	],
 	debug: true
@@ -50,7 +50,7 @@ module.exports = {
 		modules: ['node_modules']
 	},
 	plugins: [
-		new webpack.optimize.TerserPlugin(),
+		new TerserPlugin(),
 		new webpack.optimize.OccurrenceOrderPlugin()
 	],
 	debug: true
@@ -61,15 +61,18 @@ module.exports = {
 exports[`transform should respect recast options 1`] = `
 "
 module.exports = {
-	devtool: 'eval',
-	entry: [
+    devtool: 'eval',
+
+    entry: [
 		'./src/index'
 	],
-	output: {
+
+    output: {
 		path: path.join(__dirname, 'dist'),
 		filename: 'index.js'
 	},
-	module: {
+
+    module: {
 		rules: [{
 			test: /.js$/,
 			use: [{
@@ -78,15 +81,18 @@ module.exports = {
 			include: path.join(__dirname, 'src')
 		}]
 	},
-	resolve: {
+
+    resolve: {
         modules: ['node_modules', path.resolve('/src')],
     },
-	plugins: [new webpack.LoaderOptionsPlugin({
-        debug: true,
-    })],
-	optimization: {
-        minimize: true,
-    }
+
+    plugins: [
+		new TerserPlugin(),
+		new webpack.LoaderOptionsPlugin({
+            debug: true,
+            minimize: true,
+        })
+	],
 };
 "
 `;
@@ -116,7 +122,7 @@ module.exports = {
 		modules: ['node_modules']
 	},
 	plugins: [
-		new webpack.optimize.TerserPlugin(),
+		new TerserPlugin(),
 		new webpack.optimize.OccurrenceOrderPlugin()
 	],
 	debug: true
@@ -127,15 +133,18 @@ module.exports = {
 exports[`transform should transform using all transformations 1`] = `
 "
 module.exports = {
-	devtool: 'eval',
-	entry: [
+    devtool: 'eval',
+
+    entry: [
 		'./src/index'
 	],
-	output: {
+
+    output: {
 		path: path.join(__dirname, 'dist'),
 		filename: 'index.js'
 	},
-	module: {
+
+    module: {
 		rules: [{
 			test: /.js$/,
 			use: [{
@@ -144,15 +153,18 @@ module.exports = {
 			include: path.join(__dirname, 'src')
 		}]
 	},
-	resolve: {
+
+    resolve: {
         modules: ['node_modules', path.resolve('/src')]
     },
-	plugins: [new webpack.LoaderOptionsPlugin({
-        debug: true
-    })],
-	optimization: {
-        minimize: true
-    }
+
+    plugins: [
+		new TerserPlugin(),
+		new webpack.LoaderOptionsPlugin({
+            debug: true,
+            minimize: true
+        })
+	]
 };
 "
 `;

packages/migrate/__tests__/__snapshots__/migrate.test.ts.snap

@@ -11,9 +11,10 @@ module.exports = {
 `;
 
 exports[`loaderOptionsPlugin transforms correctly using "loaderOptionsPlugin-1" data 1`] = `
-"module.exports = {
+"const TerserPlugin = require(\\"terser-webpack-plugin\\");
+module.exports = {
     plugins: [
-		new webpack.optimize.TerserPlugin(),
+		new TerserPlugin(),
 		new webpack.LoaderOptionsPlugin({
             foo: 'bar',
             debug: true,

packages/migrate/loaderOptionsPlugin/__tests__/__snapshots__/loaderOptionsPlugin.test.ts.snap

@@ -1,7 +1,8 @@
+const TerserPlugin = require("terser-webpack-plugin");
 module.exports = {
 	debug: true,
 	plugins: [
-		new webpack.optimize.TerserPlugin(),
+		new TerserPlugin(),
 		new webpack.LoaderOptionsPlugin({
 			foo: 'bar'
 		})

packages/migrate/loaderOptionsPlugin/__tests__/__testfixtures__/loaderOptionsPlugin-1.input.js

@@ -38,7 +38,7 @@ export default function(j: IJSCodeshift, ast: INode): INode {
 	}
 
 	// If there is TerserPlugin, set minimize: true
-	if (findPluginsByName(j, ast, ["webpack.optimize.TerserPlugin"]).size()) {
+	if (findPluginsByName(j, ast, ["TerserPlugin"]).size()) {
 		loaderOptions.minimize = true;
 	}
 

packages/migrate/loaderOptionsPlugin/loaderOptionsPlugin.ts

@@ -1,3 +1,4 @@
+const TerserPlugin = require("terser-webpack-plugin");
 module.exports = {
 	devtool: "eval",
 	entry: ["./src/index"],
@@ -18,6 +19,6 @@ module.exports = {
 		root: path.resolve("/src"),
 		modules: ["node_modules"]
 	},
-	plugins: [new webpack.optimize.TerserPlugin(), new webpack.optimize.OccurrenceOrderPlugin()],
+	plugins: [new TerserPlugin(), new webpack.optimize.OccurrenceOrderPlugin()],
 	debug: true
 };

packages/migrate/terserPlugin/__testfixtures__/terserPlugin-3.input.js

@@ -35,9 +35,9 @@ describe("utils", () => {
 	describe("findPluginsByName", () => {
 		it("should find plugins in AST", () => {
 			const ast = j(`
-{ foo: new webpack.optimize.TerserPlugin() }
+{ foo: new TerserPlugin() }
 `);
-			const res = utils.findPluginsByName(j, ast, ["webpack.optimize.TerserPlugin"]);
+			const res = utils.findPluginsByName(j, ast, ["TerserPlugin"]);
 			expect(res.size()).toEqual(1);
 		});
 
@@ -54,9 +54,9 @@ describe("utils", () => {
 
 		it("should not find false positives", () => {
 			const ast = j(`
-{ foo: new TerserPlugin() }
+{ foo: new webpack.optimize.TerserPlugin() }
 `);
-			const res = utils.findPluginsByName(j, ast, ["webpack.optimize.TerserPlugin"]);
+			const res = utils.findPluginsByName(j, ast, ["TerserPlugin"]);
 			expect(res.size()).toEqual(0);
 		});
 	});