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

阅读 9.4k
4 个回答

有人来回答吗

现在 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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题