@craco/craco webpack5 crypto怎么配置
时间: 2023-12-16 07:06:27 浏览: 254
如果你使用的是@craco/craco来定制create-react-app的配置,可以按照以下步骤来配置webpack5的crypto:
1. 安装依赖:
```
npm install --save-dev @craco/craco webpack webpack-dev-server crypto-browserify
```
2. 在项目根目录下创建一个craco.config.js文件,内容如下:
```js
const crypto = require('crypto-browserify');
module.exports = {
webpack: {
configure: {
// Add crypto to the webpack5 polyfills
resolve: {
fallback: {
crypto: require.resolve('crypto-browserify'),
},
},
// Add crypto to the webpack5 node polyfills
resolveLoader: {
fallback: {
crypto: require.resolve('crypto-browserify'),
},
},
},
},
devServer: {
// Add crypto to the webpack-dev-server polyfills
onBeforeSetupMiddleware: function (devServer) {
devServer.app.use((req, res, next) => {
if (!req.socket.encrypted) {
req.socket.encrypted = true;
req.socket.encryptedPair = crypto.getDiffieHellman('modp14').generateKeys();
req.socket.encryptedSecret = crypto.createHash('sha256').update('secret').digest();
}
next();
});
},
},
};
```
3. 启动开发服务器:
```
npm start
```
这样就可以在webpack5中使用crypto了。请注意,这里使用的是crypto-browserify,因为原生的crypto在浏览器中不可用。
阅读全文