javascript - Framework 7 Webpack生成错误超过“500KB”的最大值

总览

我正在构建Progressive Web App种子。

设定

我使用的是VueJS，Framework7，Framework7 Vue Components，而Webpack都使用Babel进行了转译。

我从VueJS CLI开始了项目，然后将Framework7和Framework 7 Vue组件添加到Webpack配置中。

如框架7 installation中所述，框架7模块使用ES-next，并且需要进行编译。


  Framework7 ES模块采用ES-next语法，因此请不要忘记
  启用/配置Babel / Buble进行转送


所以我在Babel Config中添加了以下内容

{
    test: /\.js$/,
    loader: 'babel-loader',
    // Original:
    // include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
    // New
    include: [
      resolve('src'),
      resolve('test'),
      resolve('node_modules/webpack-dev-server/client'),
      resolve('node_modules/framework7'),
      resolve('node_modules/framework7-vue'),
      resolve('node_modules/template7'),
      resolve('node_modules/dom7')
    ]
  },

错误

当我尝试运行npm run dev时，我得到以下信息


生成警告消息

11% building modules 15/18 modules 3 active ...wa-seed/node_modules/events/events.js[BABEL] Note: The code generator has deoptimised the styling of "/Users/mwarner/eu-pwa-seed/node_modules/framework7/dist/framework7.esm.bundle.js" as it exceeds the max of "500KB".
它显示的设备的控制台

“在“ path-to-regexp”中找不到导出“ default”（导入为“ PathToRegexp”）
在任何平台的iOS，Android或浏览器上都无法呈现任何内容


我注释了resolve('node_modules/framework7'),这一行，它可以工作，但是该应用程序无法在iOS 11以下的任何设备上渲染，因为它没有在转译Framework 7。

最佳答案

这不是错误，只是警告消息说您已达到500K的限制，但是您的构建仍然可以使用。

关于javascript - Framework 7 Webpack生成错误超过“500KB”的最大值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/50047113/