chore(gulpfile, webpack): use webpack to uglify js

gulpfile.js

@@ -1,6 +1,5 @@
 const gulp = require('gulp'),
   webpack = require('webpack'),
-  uglify = require('gulp-uglify'),
   sass = require('gulp-sass'),
   browserSync = require('browser-sync').create()
 
@@ -58,10 +57,11 @@ gulp.task('dev', ['webpack', 'sass'], function () {
 
 /* ========== bulid ========== */
 
-// uglify
-gulp.task('uglify-js', ['webpack'], function () {
-  return gulp.src('./source/scripts/main.js').pipe(uglify())
-    .pipe(gulp.dest('./source/scripts/'))
+// webpack-prod
+gulp.task('webpack-prod', function (cb) {
+  webpack(require('./webpack.prod.js'), function (err) {
+    if (err) return cb(err)
+    cb()
+  })
 })
-
-gulp.task('build', ['sass', 'uglify-js'])
+gulp.task('build', ['sass', 'webpack-prod'])

package.json

@@ -21,8 +21,9 @@
     "eslint-config-alloy": "^1.4.0",
     "gulp": "^3.9.1",
     "gulp-sass": "^3.1.0",
-    "gulp-uglify": "^3.0.0",
-    "webpack": "^3.10.0"
+    "uglifyjs-webpack-plugin": "^1.1.8",
+    "webpack": "^3.10.0",
+    "webpack-merge": "^4.1.1"
   },
   "dependencies": {
     "anchor-js": "^4.1.0",

webpack.config.js

@@ -1,7 +1,5 @@
-const webpack = require('webpack')
 const path = require('path')
 
-
 module.exports = {
   entry: './src/js/main.js', // 已多次提及的唯一入口文件
   output: {
@@ -23,4 +21,5 @@ module.exports = {
       },
     }]
   }
-}
+}
+

webpack.prod.js

@@ -0,0 +1,15 @@
+const webpack = require('webpack')
+const merge = require('webpack-merge')
+const UglifyJSPlugin = require('uglifyjs-webpack-plugin')
+const config = require('./webpack.config.js')
+
+module.exports = merge(config, {
+  plugins: [
+    new UglifyJSPlugin({
+      sourceMap: true
+    }),
+    new webpack.DefinePlugin({
+      'process.env.NODE_ENV': JSON.stringify('production')
+    })
+  ]
+})