我尝试使用 next-compose-plugins 来构建带有 TypeScript 和 Stylus 的 Next.js 项目。
我的 next.config.js 文件如下:
const withPlugins = require('next-compose-plugins')
const withTypescript = require('@zeit/next-typescript')
const withStylus = require('@zeit/next-stylus')
module.exports = withPlugins([
[withTypescript, {
webpack(config, options) {
config.node = {
fs: 'empty',
}
return config
},
typescriptLoaderOptions: {
transpileOnly: false,
}
}],
[withStylus, {
cssModules: true,
}],
])
在我的
button.tsx
文件中,我正在导入stylus文件:import styles from './button.styl'
console.log(styles) // undefined
button.styl 包含了我想在我的组件中使用的类名,但是却得到了 undefined
。
我已经在我的 externals.d.ts
中添加了 declare module '*.styl'
,并将其包含在 tsconfig.json
的 include
部分中。
我做错了什么?
更新:对于 @zeit/next-css
也出现了同样的问题。