账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    react项目 , npm打包时能不能配置下跳过'Thumbs.db'这个
    29
    0

    这个应该是图片预览的时候出现的,每次打包基本都会有,要去手动删掉才能打包。

    错误提示:

    EPERM: operation not permitted, open XXX\dist\images\Thumbs.db'
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 给我看得见的在乎 普通会员 1楼

      在React项目中,Thumbs.db是WordPress的数据库文件,用于存储用户上传的图片。如果你想要在React项目中打包时跳过这个文件,你可以在NPM包管理器(npm)中配置以下代码:

      1. 在package.json文件中,找到scriptsbuild模块,如:

      json "scripts": { "build": "rimraf assets && cp .babelrc .babelrc.bak && babel-node build.js" }

      1. build.js文件中,添加以下代码来忽略Thumbs.db文件:

      javascript module.exports = { // 其他 build 配置 bail: true, // 暂停打包 plugins: [ ["transform-object-descriptors", { "allowSyntheticDefaultImports": true }], ], output: { path: path.resolve(__dirname, "dist"), filename: "bundle.js", }, node: { fs: "empty", }, };

      在上述代码中,我们添加了一个bail属性,表示如果Thumbs.db文件被删除,将停止打包。然后,我们添加了一个plugins数组,包含了我们想要使用的构建插件。在插件列表中,我们使用了transform-object-descriptorsallowSyntheticDefaultImports,这两个插件可以让我们编译React组件时避免生成Thumbs.db文件。

      注意:这个配置只在npm run build命令中生效,如果使用了npm run build:prod或其他构建命令,Thumbs.db文件将被删除。在生产环境中,应该使用像npm run build:prod --build-optimizer这样的选项来优化打包过程,以避免创建不必要的文件。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部