feat: upgrade to webpack 4

BREAKING CHANGE: Upgrade wepback 4, all webpack option
modifications must be webpcak 4 compatible. Drop support
for webpack plugins that do not work with v4 or above.

Author: yyx990803

package.json

@@ -49,7 +49,6 @@
     "globby": "^8.0.1",
     "http-server": "^0.11.1",
     "jest": "^22.1.4",
-    "json-server": "^0.12.2",
     "lerna": "^2.8.0",
     "lint-staged": "^6.0.1",
     "memfs": "^2.6.0",

packages/@vue/cli-plugin-e2e-nightwatch/package.json

@@ -22,9 +22,9 @@
     "access": "public"
   },
   "dependencies": {
-    "chromedriver": "^2.38.1",
-    "deepmerge": "^2.0.1",
-    "execa": "^0.9.0",
+    "chromedriver": "^2.38.3",
+    "deepmerge": "^2.1.0",
+    "execa": "^0.10.0",
     "nightwatch": "^0.9.21",
     "selenium-server": "^3.11.0"
   }

packages/@vue/cli-plugin-pwa/package.json

@@ -22,7 +22,7 @@
     "access": "public"
   },
   "dependencies": {
-    "workbox-webpack-plugin": "^3.1.0"
+    "workbox-webpack-plugin": "^3.2.0"
   },
   "devDependencies": {
     "register-service-worker": "^1.0.0"

packages/@vue/cli-plugin-typescript/package.json

@@ -25,8 +25,8 @@
     "@types/node": "^9.3.0",
     "fork-ts-checker-webpack-plugin": "^0.4.1",
     "globby": "^8.0.1",
-    "ts-loader": "^3.4.0",
-    "tslint": "^5.9.1",
+    "ts-loader": "^4.3.0",
+    "tslint": "^5.10.0",
     "typescript": "^2.8.3"
   },
   "devDependencies": {

packages/@vue/cli-plugin-unit-jest/package.json

@@ -22,7 +22,7 @@
     "access": "public"
   },
   "dependencies": {
-    "execa": "^0.9.0",
+    "execa": "^0.10.0",
     "jest": "^22.4.3",
     "jest-serializer-vue": "^1.0.0",
     "jest-transform-stub": "^1.0.0",

packages/@vue/cli-plugin-unit-mocha/package.json

@@ -21,11 +21,11 @@
   },
   "homepage": "https://github.com/vuejs/vue-cli/packages/@vue/cli-plugin-unit-mocha#readme",
   "dependencies": {
-    "execa": "^0.9.0",
-    "jsdom": "^11.6.2",
+    "execa": "^0.10.0",
+    "jsdom": "^11.10.0",
     "jsdom-global": "^3.0.2",
-    "mocha": "^4.1.0",
-    "mocha-webpack": "^1.1.0",
+    "mocha": "^5.1.1",
+    "mocha-webpack": "^2.0.0-beta.0",
     "webpack-node-externals": "^1.7.2"
   },
   "devDependencies": {

packages/@vue/cli-service-global/package.json

@@ -25,8 +25,8 @@
     "@vue/cli-plugin-babel": "^3.0.0-beta.9",
     "@vue/cli-plugin-eslint": "^3.0.0-beta.9",
     "@vue/cli-service": "^3.0.0-beta.9",
-    "chalk": "^2.4.0",
-    "eslint-plugin-vue": "^4.3.0",
+    "chalk": "^2.4.1",
+    "eslint-plugin-vue": "^4.5.0",
     "resolve": "^1.7.1",
     "vue": "^2.5.16"
   }

packages/@vue/cli-service/__tests__/build.spec.js

@@ -25,12 +25,10 @@ test('build', async () => {
 
   const index = await project.read('dist/index.html')
   // should split and preload app.js & vendor.js
-  expect(index).toMatch(/<link rel=preload [^>]+app[^>]+\.js>/)
-  expect(index).toMatch(/<link rel=preload [^>]+vendor[^>]+\.js>/)
-  // should not preload manifest because it's inlined
-  expect(index).not.toMatch(/<link rel=preload [^>]+manifest[^>]+\.js>/)
-  // should inline manifest and webpack runtime
-  expect(index).toMatch('webpackJsonp')
+  expect(index).toMatch(/<link [^>]+js\/app[^>]+\.js rel=preload>/)
+  expect(index).toMatch(/<link [^>]+js\/vendors~app[^>]+\.js rel=preload>/)
+  // should preload css
+  expect(index).toMatch(/<link [^>]+app[^>]+\.css rel=preload>/)
 
   const port = await portfinder.getPortPromise()
   server = createServer({ root: path.join(project.dir, 'dist') })

packages/@vue/cli-service/__tests__/css.spec.js

@@ -1,6 +1,7 @@
 const Service = require('../lib/Service')
 
 const LANGS = ['css', 'sass', 'scss', 'less', 'styl', 'stylus']
+const extractLoaderPath = require('mini-css-extract-plugin').loader
 
 const LOADERS = {
   css: 'css',
@@ -36,7 +37,7 @@ const findLoaders = (config, lang) => {
 const findOptions = (config, lang, _loader) => {
   const rule = findRule(config, lang)
   const use = rule.use.find(({ loader }) => loader.includes(`${_loader}-loader`))
-  return use.options
+  return use.options || {}
 }
 
 test('default loaders', () => {
@@ -58,10 +59,9 @@ test('default loaders', () => {
 
 test('production defaults', () => {
   const config = genConfig({ postcss: {}}, 'production')
-  const extractLoaderPath = require.resolve('extract-text-webpack-plugin/dist/loader')
   LANGS.forEach(lang => {
     const loader = lang === 'css' ? [] : LOADERS[lang]
-    expect(findLoaders(config, lang)).toEqual([extractLoaderPath, 'vue-style', 'css', 'postcss'].concat(loader))
+    expect(findLoaders(config, lang)).toEqual([extractLoaderPath, 'css', 'postcss'].concat(loader))
     expect(findOptions(config, lang, 'css')).toEqual({
       minimize: true,
       sourceMap: false,
@@ -97,7 +97,6 @@ test('css.extract', () => {
       }
     }
   }, 'production')
-  const extractLoaderPath = require.resolve('extract-text-webpack-plugin/dist/loader')
   LANGS.forEach(lang => {
     expect(findLoaders(config, lang)).not.toContain(extractLoaderPath)
   })

packages/@vue/cli-service/lib/commands/build/resolveLibConfig.js

@@ -26,7 +26,7 @@ module.exports = (api, { entry, name }, options) => {
 
     // only minify min entry
     if (!/\.min/.test(postfix)) {
-      config.plugins.delete('uglify')
+      config.optimization.minimize(false)
     }
 
     // externalize Vue in case user imports it