升级webpack4问题总结.pdfVIP

升级webpack4问题总结 1.Err1.Erroo rr: Ca: Ca nnot find mt find moo dule webpac k/ bin/c o nfig-yargs报错 升级webpack4对应的插件如webpack-cli, webpack-dev-server也要升级到对应的版本，要不然就会报下⾯的错误 internal/modules/cjs/loader.js:834 throw err; ^ Error: Cannot find module webpack/bin/config-yargs Require stack: - E:\workplace\h5\crm\dev\node_modules\webpack-dev-server\bin\webpack-dev-server.js at Function.Module._resolveFilename (internal/modules/cjs/loader.js:831:15) at Function.Module._load (internal/modules/cjs/loader.js:687:27) at Module.require (internal/modules/cjs/loader.js:903:19) 最终我的版本 webpack: ^4.32.2, webpack-cli: ^3.3.2, webpack-dev-server: ^3.5.1 2.(node:6452) U nhandledProm iseRejectio nWarning: Error ning: Error: Callbac k w as a lready c a lled.报错 升级webpack4替换抽离css组件extract-text-webpack-plugin为mini-css-extract-plugin同时注意版本否则还是会报错配置为 new ExtractTextPlugin({ filename: static/css/[name].[contenthash].css), allChunks: false }) 替换为 new MiniCssExtractPlugin({ filename: static/css/[name].[chunkhash:8].css, chunkFilename: static/css/[id].[chunkhash:8].css }) 版本为 mini-css-extract-plugin: ^0.8.2 同时在loader进⾏配置 const devMode = process.env.NODE_ENV !== production module: { rules: [ { test: /\.(scss|sass|less|stylus|css)$/i, use: [devMode ? style-loader : MiniCssExtractPlugin.loader, css-loader, postcss-loader, sass-loader] } ] }, 3.vue-loa der w as used w ithout the co rresporresponding plugin. Make sure to include VueLoa der Plugin in your webpac k c o nfig.报错 Module Error (from ./node_modules/vue-loader/lib/index.js): vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config. Module parse failed: Unexpected character @ (31:0) You may need an appropriate loader to handle thi