如何在Quasar JS框架中开启webpack experiments配置项？

解决方法 #

你可以直接在Quasar的核心配置文件中修改webpack配置，操作步骤如下：

• 打开项目根目录下的quasar.config.js文件
• 找到build配置段，通过extendWebpack钩子传入你需要额外添加的webpack实验特性配置，示例如下：

module.exports = configure(function (/* ctx */) {
  return {
    // 其他原有配置项保持不变
    build: {
      // 其他原有build配置项保持不变
      extendWebpack(cfg) {
        // 合并写入WebAssembly相关实验配置，保留原有experiments配置
        cfg.experiments = {
          ...cfg.experiments,
          asyncWebAssembly: true,
          syncWebAssembly: true
        }
      }
    }
  }
})

如果你的项目采用chainWebpack方式管理webpack配置，可以用如下写法：

build: {
  chainWebpack(chain) {
    chain.merge({
      experiments: {
        asyncWebAssembly: true,
        syncWebAssembly: true
      }
    })
  }
}

配置修改完成后，重启本地开发服务即可生效。

内容的提问来源于stack exchange，提问作者dan