背景:用react.js + node 實現react組件服務端渲染。由于當前 node 還不支持 import,我用nodemon --harmony server.js --exec babel-node命令執行,其中server.js是后端入口文件,這樣是可以支持 import 了,但是當我使用 antd 的 Button 組件時卻報不支持 @import, 因為 antd 的 button 組件導入了 default.less,怎樣才能解決這個問題呢?server.jsimport React, { Component } from 'react';import { renderToString } from 'react-dom/server'import { Button } from 'antd';var Koa = require('koa');var app = new Koa();const render = require('koa-ejs');const path = require('path');render(app, { root: path.join(__dirname, 'server/view'), layout: 'template', viewExt: 'html', cache: false, debug: true});app.use(async function (ctx, next){ const html = renderToString( <Button>hello</Button> ); await ctx.render('demo', {'html': html});});app.keys = ['i love yuewen'];app.listen(3000);報錯如下:
react 服務端渲染怎么處理less文件
當年話下
2018-11-13 13:13:36