我尝试使用next-compose-plugins使用typescript和手写笔构建 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
导入手写笔文件中:
import styles from './button.styl'
console.log(styles) // undefined
button.styl 包含我想在我的组件中使用的类名,而是获取undefined
.
我已经添加declare module '*.styl'
到我externals.d.ts
和包括它include
的部分tsconfig.json
我究竟做错了什么?
UPD:遇到同样的问题@zeit/next-css
。