首先来个忠告,先升级webpack,再逐步把各个包升级(因为我们所有依赖升级最新版本,不过可能会带来个问题,包不稳定只能等作者更新,算激进派)
去掉 new webpack.NamedModulesPlugin(), webpack5已内置;
因为webpack5更专注于浏览器,将node部分移除
fallback: { dgram: false, fs: false, net: false, tls: false, child_process: false, stream: require.resolve('stream-browserify'), tty: require.resolve('tty-browserify'), crypto: require.resolve('crypto-browserify'), },
alias: { // Support React Native Web // https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/ 'react-native': 'react-native-web', // crypto: false, process: 'process/browser', },
plugins下增加:
new webpack.ProvidePlugin({ process: 'process/browser', }),
postcss-loader配置更改
// 旧的配置: { loader: require.resolve('postcss-loader'), options: { ident: 'postcss', plugins: () => [ require('postcss-flexbugs-fixes'), autoprefixer({ flexbox: 'no-2009', }), ], }, }, // 新的配置: { loader: require.resolve('postcss-loader'), options: { postcssOptions: { plugins: [ require('postcss-flexbugs-fixes'), autoprefixer({ flexbox: 'no-2009', }), ], }, }, },
如果有用到webpack-cli 请升级到最新可用的版本。
提示loaders不存在,改为分别require
参数形式已废除,改为
改为:
提示