vue.config.js中assetsDir路径如何根据src的子目录创建
如src下{ list1、list2、list3 }三个目录,统一打包时候静态资源怎么设置为dist/static{ list1:{css、img、font、js}、list2:{css、img、font、js}、list3:{css、img、font、js} }
![](https://profile-avatar.csdnimg.cn/e9edc7d79d384b8abd066711a0557ecc_red1027.jpg!4)
vue.config.js中assetsDir路径
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
1条回答 默认 最新
- CodeBytes 2023-02-23 19:05关注
该回答引用ChatGPT
您可以通过在 vue.config.js 中配置 assetsDir 和自定义 outputDir 来实现这个目标。首先,您需要在 vue.config.js 中指定 assetsDir,以指定静态资源的输出目录。例如:
module.exports = { assetsDir: 'static', outputDir: 'dist', };
上面的配置将所有的静态资源输出到 dist/static 目录中。
接下来,您需要在您的项目中的每个子目录下分别创建 vue.config.js 文件,并在其中配置每个子目录的 outputDir,以使静态资源可以分别输出到 dist/static/list1、dist/static/list2、dist/static/list3 目录中。例如:
module.exports = { outputDir: 'dist/static/list1', };
module.exports = { outputDir: 'dist/static/list2', };
module.exports = { outputDir: 'dist/static/list3', };
这样,当您运行 npm run build 时,每个子目录中的静态资源将会被分别输出到对应的目录中。注意,如果您在每个子目录中使用了不同的静态资源目录(如 css、img、font、js),则需要在每个子目录的 vue.config.js 文件中相应地进行配置。
解决 1无用
悬赏问题
- ¥15 求解决为什么json数据完整,却解析失败
- ¥15 打开Smart schedule运行examples/transformer-xl/scripts/run_enwik8_base_moe.sh 报错
- ¥15 求一个C# sm4 加密解密的代码
- ¥15 想做个网络加速器,怎么实现
- ¥20 centos7下载mysql提示DNS解析异常
- ¥20 vx转账功能对方不能领取
- ¥15 vue2+codemirror 运行后页面光标太大了
- ¥15 pdfjs库如何在前端实现打印、旋转等功能
- ¥15 combobox数据绑定问题
- ¥15 maven打包时,为什么有的依赖打不进去包