本文介绍了在升级到webpack4过程中遇到的问题，包括webpack-dev-server版本过低、webpack-cli缺失、html-webpack-plugin版本问题、extract-text-webpack-plugin的替换、eslint-loader和file-loader的升级，以及如何使用splitChunks。通过一系列优化，成功减少了57%的构建时间。
“dependencies”: {
“@fullcalendar/core”: “^4.2.0”,
“@fullcalendar/daygrid”: “^4.2.0”,
“@fullcalendar/interaction”: “^4.2.0”,
“@fullcalendar/vue”: “^4.2.2”,
“axios”: “0.18.1”,
“babel-polyfill”: “6.26.0”,
“echarts”: “4.0.4”,
“element-ui”: “2.10.0”,
“jquery”: “3.3.1”,
“js-cookie”: “2.2.0”,
“js-md5”: “0.7.3”,
“lodash”: “4.17.5”,
“moment”: “^2.24.0”,
“node-sass”: “^4.11.0”,
“normalize.css”: “7.0.0”,
“nprogress”: “0.2.0”,
“qs”: “6.5.1”,
“vue”: “2.6.10”,
“vue-router”: “3.0.3”,
“vuex”: “3.1.1”
},
“devDependencies”: {
“autoprefixer”: “7.2.3”,
“babel-core”: “6.26.0”,
“babel-eslint”: “8.0.3”,
“babel-helper-vue-jsx-merge-props”: “2.0.3”,
“babel-loader”: “7.1.2”,
“babel-plugin-syntax-jsx”: “6.18.0”,
“babel-plugin-transform-runtime”: “6.23.0”,
“babel-plugin-transform-vue-jsx”: “3.7.0”,
“babel-preset-env”: “1.6.1”,
“babel-preset-stage-2”: “6.24.1”,
“chalk”: “2.3.0”,
“copy-webpack-plugin”: “4.2.3”,
“css-loader”: “0.28.7”,
“eslint”: “4.13.1”,
“eslint-friendly-formatter”: “3.0.0”,
“eslint-loader”: “1.9.0”,
“eslint-plugin-html”: “4.0.1”,
“eventsource-polyfill”: “0.9.6”,
“extract-text-webpack-plugin”: “3.0.2”,
“file-loader”: “1.1.5”,
“friendly-errors-webpack-plugin”: “1.6.1”,
“html-webpack-plugin”: “2.30.1”,
“node-notifier”: “5.1.2”,
“optimize-css-assets-webpack-plugin”: “3.2.0”,
“ora”: “1.3.0”,
“portfinder”: “1.0.13”,
“postcss-import”: “11.0.0”,
“postcss-loader”: “2.0.9”,
“rimraf”: “2.6.2”,
“sass-loader”: “6.0.6”,
“semver”: “5.4.1”,
“shelljs”: “0.7.8”,
“svg-sprite-loader”: “4.1.6”,
“uglifyjs-webpack-plugin”: “1.1.3”,
“url-loader”: “0.6.2”,
“vue-loader”: “15.7.0”,
“vue-style-loader”: “4.1.2”,
“vue-template-compiler”: “2.6.10”,
“webpack”: “3.10.0”,
“webpack-bundle-analyzer”: “2.9.1”,
“webpack-dev-server”: “2.9.7”,
最低0.47元/天 解锁文章
756
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
