modern.config中的source.exclude使用后启动报错

[NieShiyi]

我采用的Menorepo和约定式路由组织项目，我希望在打包的时候通过source.exclude这个参数不要把我的一个文件见打包进去。

使用方式：在apps的项目下的modern.config.js中引用如下
···
import { defineConfig, appTools } from '@modern-js/app-tools';
import path from 'path';

module.exports = {
runtime: {
router: true,
state: true,
},
html: {
disableHtmlFolder: true,
title: 'bio',
},
source: {
mainEntryName: 'index',
exclude: [/src/routes/__home/blog/],
// exclude: [path.resolve(__dirname, 'src/routes/newcrown')],
},
output: {
distPath: {
html: '',
js: '',
css: '',
},
},
tools: {
devServer: {
proxy: {
'/api': {
target: 'http://xxxx/',
changeOrigin: true,
pathRewrite: { '^/api': '' },
},
},
},
},
server: {
ssr: false,
port: 8099,
},
plugins: [appTools()],
};

···

爆错误如下：
这个文件夹下面的页面报错
Module parse failed: Unexpected token (20:9)
File was processed with these loaders:

• ../../node_modules/.pnpm/@pmmmwh+react-refresh-webpack-plugin@0.5.10_react-refresh@0.14.0_webpack@5.89.0/node_modules/@pmmmwh/react-refresh-webpack-plugin/loader/index.js
  You may need an additional loader to handle the result of these loaders.‘

[chenjiahan]

source.exclude 的作用是「跳过编译」而不是「跳过打包」，如果需要跳过打包，可以使用 externals 配置

[NieShiyi]

多谢，但是externals可以对node_modules中的依赖跳过打包，对我自己定义的约定路由的文件夹如何编写跳过呢？

[9aoy]

@NieShiyi 听起来你是希望在使用 modern.js 约定式路由的时候，排除掉 routes/ 下的某个页面，不生成该页面？

[NieShiyi]

按照他的约定式路由定义是要按照这样的组织方式，只是我觉得他竟然用这种方式生成路由，针对这种方式应该有自定义的打包配置，可以跳过生成这些路由，并且不打包对应的文件。只是我没有找到

[yimingjfe]

你这里什么场景需要配置某个文件夹跳过生成某些路由呢？以特殊文件(layout, page)约定命名也是为了支持 routes 下可以有非路由文件。

[NieShiyi]

以特殊文件(layout, page)约定命名也是为了支持 routes 下可以有非路由文件。你的意思是说不用page.js 用index这种其他的命名吗？可以一试。

[NieShiyi]

我是想要打包的时候通过ci配置，打包的时候走不同的配置文件，然后可以在配置文件中控制跳过。或者有其他方式跳过也可以。

[yimingjfe]

是的，可以使用 index 这种命名的，目前你的问题解决了吗