在服務器端進行反應時，如何使用導入的其他文件類型（例如Webpack）？

Question

在服務器端呈現JSX文件時，它不會像Webpack一樣讀入文件，因此我必須進行調整，以便它實際上可以執行我想要的操作。

例如，我無法讀取以下文件：

import './assets/styl/site'

Node.js沒有Webpack的加載程序，因此它不知道如何讀取.styl或.cjsx文件。

我的節點應用程序是從CoffeeScript運行的，因此我不得不使用一種變通方法，以使其在需要進入CoffeeScript的文件中使用Babel讀取.jsx ：

//  enable runtime transpilation to use ES6/7 in node

var fs = require('fs');

var babelrc = fs.readFileSync('./.babelrc');
var config;

try {
    config = JSON.parse(babelrc);
} catch (err) {
    console.error('==>     ERROR: Error parsing your .babelrc.');
    console.error(err);
}

require('babel-core/register')(config);

我想我從服務器端渲染根本上出錯了，但是從所有示例來看，這似乎是做到這一點的方法。 我質疑為什么在所有客戶端都應使用Webpack加載器，因為它們不能在服務器端運行。

Answer 1

這是一個博客系列，解釋了如何在節點側使用webpack： http ://jlong​​ster.com/Backend-Apps-with-Webpack--Part-I