next服务端渲染

next

基于react技术栈的服务端渲染解决方案

// 安装脚手架快速创建项目
npm install -g create-next-app

// 创建项目
npx create-next-app next-create

// 启动项目
npm run dev

使用antd

安装依赖

yarn add @zeit/next-css  antd  babel-plugin-import 

// or 

npm i --save @zeit/next-css  antd  babel-plugin-import 

创建next-config.js

const withCss = require("@zeit/next-css");

if (typeof require !== "undefined") {

 require.extensions[".css"] = file => {};

}

module.exports=withCss({})

创建.babelrc

{

    "presets":["next/babel"],
    
 "plugins":[
    
    [
        "import",
        {
        
            "libraryName":"antd",
            "style":"css"
    
         }
    
    ]
    
   ]
    
}

创建 ._app.js

import App from "next/app";
import "antd/dist/antd.css";
export default App;