Babel-Node 不断尝试转换 .stylus 文件答案

【问题标题】：Babel-Node keeps trying to transform .stylus filesBabel-Node 不断尝试转换 .stylus 文件
【发布时间】：2015-06-29 18:03:01
【问题描述】：

我不知道为什么会这样，但是当尝试使用时：

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 进行开发。

【问题讨论】：

【解决方案1】：

babel-node 只是像你说的那样为.js/.jsx 文件加载了 babel 转译器的 Node。那个错误不是来自babel-node，而是来自node本身，因为那会变成

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

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

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

【讨论】：