feat: Uglify js (#83)

clippedjs · Feb 13, 2018 · 668fdb3 · 668fdb3
1 parent b68a9e3
commit 668fdb3
Show file tree

Hide file tree

Showing 5 changed files with 265 additions and 194 deletions.
diff --git a/presets/webpack-frontend/package.json b/presets/webpack-frontend/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@clipped/preset-webpack-frontend",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "",
   "main": "clipped.config.js",
   "keywords": [],
@@ -10,7 +10,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@clipped/preset-webpack": "0.2.1",
+    "@clipped/preset-webpack": "0.3.0",
     "autoprefixer": "^7.2.5",
     "babel-preset-react": "^6.24.1",
     "css-loader": "^0.28.7",

diff --git a/presets/webpack-nodejs/package.json b/presets/webpack-nodejs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@clipped/preset-webpack-nodejs",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "",
   "main": "clipped.config.js",
   "scripts": {
@@ -13,7 +13,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@clipped/preset-webpack": "0.2.1",
+    "@clipped/preset-webpack": "0.3.0",
     "babel-preset-backpack": "^0.4.3",
     "babel-preset-flow": "^6.23.0",
     "source-map-support": "^0.5.0",

diff --git a/presets/webpack/clipped.config.js b/presets/webpack/clipped.config.js
@@ -7,7 +7,7 @@ const isDevelopement = process.env.NODE_ENV && process.env.NODE_ENV.includes('de
 
 module.exports = (clipped, opt = {babel: {options: {}}}) => {
   clipped.config.dev = {enableLint: false}
-  
+
   try {
     clipped.config.webpack = {
       context: clipped.config.context,
@@ -86,10 +86,13 @@ module.exports = (clipped, opt = {babel: {options: {}}}) => {
                         .set('env', [require.resolve('babel-preset-env'), { modules: false }])
 
     if (!isDevelopement) {
+      // clipped.config.webpack
+      //   .module
+      //     .rules.babel.use.babel.options.presets
+      //       .set('uglify', [require.resolve('babel-preset-minify')])
       clipped.config.webpack
-        .module
-          .rules.babel.use.babel.options.presets
-            .set('uglify', [require.resolve('babel-preset-minify')])
+        .plugins
+          .use('uglify', require('uglifyjs-webpack-plugin'))
     }
 
     const getWebpackInstance = () =>
@@ -116,7 +119,7 @@ module.exports = (clipped, opt = {babel: {options: {}}}) => {
       .add('default', clipped =>
         new Promise((resolve, reject) => {
           process.env.NODE_ENV = 'production'
-          
+
           const webpackInstance = getWebpackInstance()
           webpackInstance.run((err, stats = {}) => {
             if (err || stats.hasErrors()) {

diff --git a/presets/webpack/package.json b/presets/webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@clipped/preset-webpack",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "description": "",
   "main": "clipped.config.js",
   "keywords": [],
@@ -14,11 +14,11 @@
     "babel-eslint": "^8.1.2",
     "babel-loader": "^7.1.2",
     "babel-preset-env": "^1.6.1",
-    "babel-preset-minify": "^0.3.0",
     "clean-webpack-plugin": "^0.1.17",
     "eslint-friendly-formatter": "^3.0.0",
     "eslint-loader": "^1.9.0",
     "regenerator-runtime": "^0.11.1",
+    "uglifyjs-webpack-plugin": "^1.1.8",
     "webpack": "^3.10.0"
   }
 }