UmiJS 中怎么配置资源的访问路径

发布于 2022-09-12 01:49:02 字数 401 浏览 16 评论 0

直接上问题:

比如:
http://xxx.com/umi.css
http://xxx.com/umi.js

修改为:
http://xxx.com/static/css/umi.css
http://xxx.com/static/js/umi.js

该怎么做?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

随心而道 2022-09-19 01:49:02

有人来回答吗

云朵有点甜 2022-09-19 01:49:02

现在 umi 暂时没有提供把 css 和 js 分开输出目录的配置,我想了解一下,你们是什么样的使用场景需要这样子的目录?或许可以在 umi@4 中提供。

如果你真的很需要这个功能,那你可以直接使用以下配置:

import MiniCssExtractPlugin from 'mini-css-extract-plugin';

export default {
  // dynamicImport: {}, // dynamicImport 不支持以下配置,需要的画还要再看看
  chainWebpack(memo, { env, webpack, createCSSRule }) {
    memo.output
      .filename(`static/js/[name].[contenthash:8].js`);
    memo.plugin('MiniCss').use(new MiniCssExtractPlugin({
      filename: 'static/css/[name].[contenthash:8].css',
      chunkFilename: 'static/css/[name].[contenthash:8].chunk.css',
    }));
  },
};

这个配置有两个怪异的地方我没有深究,不能 dynamicImport ,因为这个走的是其他的地方,没去看。然后根目录会有 umi.css 但是实际项目中也没有引用它。(不影响项目)
image.png

清风夜微凉 2022-09-19 01:49:02

请问后来找到办法了么?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文