javascript - react 服务端渲染怎么处理less文件
问题描述
背景:用react.js + node 实现react组件服务端渲染。
由于当前 node 还不支持 import,我用nodemon --harmony server.js --exec babel-node命令执行,其中server.js是后端入口文件,这样是可以支持 import 了,但是当我使用 antd 的 Button 组件时却报不支持 @import, 因为 antd 的 button 组件导入了 default.less,怎样才能解决这个问题呢?
server.js
import 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);
报错如下:
/Users/joy.hu/Sites/yue/node_modules/antd/lib/style/index.less:1(function (exports, require, module, __filename, __dirname) { @import './themes/default'; ^SyntaxError: Invalid or unexpected token at createScript (vm.js:53:10) at Object.runInThisContext (vm.js:95:10) at Module._compile (module.js:543:28) at Module._extensions..js (module.js:580:10) at Object.require.extensions.(anonymous function) [as .js] (/Users/joy.hu/Sites/yue/node_modules/babel-register/lib/node.js:152:7) at Module.load (module.js:488:32) at tryModuleLoad (module.js:447:12) at Function.Module._load (module.js:439:3) at require (internal/module.js:20:19) at Object.<anonymous> (/Users/joy.hu/Sites/yue/node_modules/antd/lib/button/style/index.js:3:1)[nodemon] app crashed - waiting for file changes before starting...
问题解答
回答1:https://babeljs.io/docs/usage...
https://github.com/babel/exam...
相关文章:
1. 代码如下,java用BigDecimal四舍五入怎么还有问题呀?哪种方式是完全没有问题的?2. angular.js - 请教angularjs里html和js通信的问题3. node.js - 怎么在初始化的时候使得一个子组件不加载?4. javascript - 关于向java后台上传base64位字符串的图片数据,求助5. android自带时钟应用的这个效果是怎么做的6. mysql根据某个字段已存在的值排序7. 求解决方法:Parse error: syntax error, unexpected8. 新人做网站求帮助9. Help!求帮助10. 请问“由于 Cookie “PHPSESSID”的“SameSite”属性设置为“None”,但缺少“Secure”属性,此 Cookie 未来将被拒绝。”请问出现这个问题怎么办?