有没有办法使Nuxt&Webpack的导入路径更整洁?

问题描述

我正在设置一个monorepo,我想在3个nuxt应用程序之间共享资产,组件和插件。

组件are covered

资产有点工作,但我正在寻找一种“清洁”的方法来实现它,而不是例如:

const data = require('../../../../common/assets/data')

请注意,nuxt在幕后使用vue-loader,file-loader and url-loader

插件不包括在内,但这不是问题。我宁愿如何在不使用Lerna或bit.dev 这样的工具的情况下,以更干净的方式导入资产?是否可以在Nuxt捆绑级别设置某种Webpack别名?


编辑:

我通过使用商店实现了它。缺点是我看不到开发工具中的存储模块内容,也不会延迟加载任何内容。

$ store.state.data

import * as data from '../../../common/assets/data'
export const state = () => data

它可以完成工作,但是如果有人知道实现它的更好方法,欢迎您回答这个问题!

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

错误1:Request method ‘DELETE‘ not supported 错误还原:...
错误1:启动docker镜像时报错:Error response from daemon:...
错误1:private field ‘xxx‘ is never assigned 按Alt...
报错如下,通过源不能下载,最后警告pip需升级版本 Requirem...