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 (我有手写笔-加载程序)，并且我可以从输出节点server.js，所以生产端很好，我只是希望直接用babel运行server.js来进行开发。

Answer 1

正如您所说，babel-node只是.js/.jsx文件加载的babel转换程序的节点。该错误不是来自babel-node，而是来自node本身，因为这将成为

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

节点将尝试加载它，因为您已经将它告诉require一个文件，所以它正在执行您告诉它的事情。

只有webpack被配置成知道如何处理.styl文件，而不是节点。