vue cli3 和 vue cli4

最近安裝了vue cli4, 和vue cli3作下對比。我本身手動選擇的配置, 安裝了Router,Vuex

我安裝的版本是@vue/cli 4.2.3

一.項目結構

左邊爲vue cli3, 右邊爲vue cli4

默認目錄結構已更改

src/store.js 改成 src/store/index.js

src/router.js 改成 src/router/index.js

二.babel.config.js文件

主要是 babel 的預設由@vue/app 改爲了@vue/cli-plugin-babel/preset

三. package.json文件

主要是依賴升級，"@vue/cli-plugin-babel", "@vue/cli-plugin-eslint", "@vue/cli-service"由 v3 的版本升級到了 v4

core-js由 v2 的版本升級到了 v3

四. vue cli 4 主要升級點總結

1."@vue/cli-plugin-babel", "@vue/cli-plugin-eslint", "@vue/cli-service"由 v3 的版本升級到了 v4

2.sass-loader由 v7 的版本升級到了 v8

3.core-js由 v2 的版本升級到了 v3

4.webpack-chain由 v4 的版本升級到了 v6

5.css-loader由 v1 的版本升級到了 v3

6.url-loader由 v1 的版本升級到了 v2

7.file-loader由 v3 的版本升級到了 v4

8.copy-webpack-plugin由 v4 的版本升級到了 v5

9.terser-webpack-plugin由 v1 的版本升級到了 v2

10.@vue/cli-plugin-pwa由 v3 的版本升級到了 v4

11.新增插件 vue add vuex vue add router

12.pug-plain已重命名爲pug-plain-loader

13.默認目錄結構已更改

src/store.js 改成 src/store/index.js

src/router.js 改成 src/router/index.js

14.因爲兼容性緣由，仍支持 router＆routerHistoryMode 選項 preset.json

可是如今建議使用它來 plugins: { '@vue/cli-plugin-router': { historyMode: true } }

得到更好的一致性

15.api.hasPlugin('vue-router')再也不受支持，如今 api.hasPlugin('router')

16.lintOnSave 選項的默認值（未指定時）從 true 更改成 default

17.廢棄vue-cli-service test:e2e

18.@vue/cli-plugin-e2e-nightwatch Nightwatch.js已從0.9升級到1.x

19.@vue/cli-plugin-unit-mocha 升級到Mocha 6

20.@vue/cli-plugin-unit-jest jest由 v23 升級到v24

21.@vue/cli-plugin-typescript 更好的ts(x)支持 ，賽過js(x)

參考連接

http://www.javashuo.com/article/p-rzrdjgjd-dd.html