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%;

好像是在转换stylus文件？但我不知道为什么。该文件包含在 App.js 中：

import styles from './App.styl';

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

Answer 1

正如您所说，

babel-node 只是为 .js/.jsx 文件加载了 babel 转译器的节点。该错误不是来自 babel-node，而是来自 node 本身，因为它将变成

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

node 将尝试加载它，因为你已经告诉它 require 一个文件，所以它正在做你告诉它的事情。

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

Babel-Node keeps trying to transform .stylus files