安装 next 和 react
1 | npm install --save next react react-dom |
添加以下到 package.json 中
1 | { |
next 帮我们封装了 webpack 和 babel 热更新等,新建 pages 文件夹,在其中 新建的 js 文件名就是路由对应的组件。
添加 css 支持
在 next.config.js 中配置
1 | const withCss = require("@zeit/next-css"); |
同时支持 less
在 next.config.js 中配置
1 | const withLess = require("@zeit/next-less"); |
添加 redux
store 和普通的 redux 是一样的,根目录下新建 lib 文件夹,新建 with-redux-store.js
1 | import React from "react"; |
在 pages 下新建 _app.js,名字不能是其他
1 | import App from "next/app"; |
添加 antd 支持
主要是修改 webpack 的样式配置,否则 antd 组件没有样式,修改 next.config.js
1 | const withCss = require("@zeit/next-css"); |