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;