Babel-Node一直在尝试转换.stylus文件

Question

我不知道为什么会发生这种情况，但是当试图使用时：

babel-node src/server.js

或

nodemon --exec babel-node --stage 0 --ignore='/node_modules/' --watch src/server.js -- src/server.js

我收到错误：

SyntaxError: .../src/components/App/App.styl: Unexpected token (10:11)

9  | html
10 |   min-width: 767px; min-height: 100%; height: 100%;

好像是因为它试图改造手写笔文件？但我不明白为什么。该文件包含在App.js中：

import styles from './App.styl';

我认为它会忽略一个非.js / .jsx扩展名的文件？当我使用webpack时，它完美地编译server.js（我有stylus-loader），我可以从输出中节点server.js，所以生产方面很好，我只是希望直接用babel运行server.js进行开发。 / p>

Answer 1

babel-node就像节点一样，为.js / .jsx文件加载了babel转换器，就像你说的那样。该错误不是来自babel-node，它来自node本身，因为它将成为

var styles = require('./App.styl');

并且节点将尝试加载它，因为您已将其告知require一个文件，因此它正在执行您已经告诉它的内容。

只有webpack已配置为知道如何处理.styl文件，而不是Node。