Vue 构建时字体包文件丢失

原本项目执行构建命令,字体包能正确输出到指定位置,但是随着打包的文件增加,发现 dist/fonts 文件夹内字体包丢失了

使用 vue inspect 检查配置,结果:

      /* config.module.rule('fonts') */
      {
        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/i,
        use: [
          {
            loader: 'D:\\**\\node_modules\\url-loader\\dist\\cjs.js',
            options: {
              limit: 4096,
              fallback: {
                loader: 'D:\\**\\node_modules\\file-loader\\dist\\cjs.js',
                options: {
                  name: 'fonts/[name].[hash:8].[ext]'
                }
              }
            }
          }
        ]
      },

猜测是 limit 过小导致的,在 vue.config.js 修改配置

    config.module
      .rule('fonts')
      .use('url-loader')
      .loader('url-loader')
      .tap(options => {
        options.limit = 10000
        return options
      })

执行构建,字体包正确输出~

你可能感兴趣的:(Vue 构建时字体包文件丢失)