next.js学习笔记

github地址:

https://github.com/zeit/next.js#fetching-data-and-component-lifecycle

简介

Next.js是一个用于React应用的极简的服务端渲染框架。框架中集成了Webpack,Babel等一系列React相关的工具并进行了默认的配置。
因此省去了复杂的配置过程,实现了一键搭建开发环境和打包构建。
同时提供了自定义配置接口,可以在默认配置的基础上对工具进行自定义配置,满足个性化需求。

安装

npm init

npm install next@beta react react-dom styled-jsx --save

在package.json里修改script

"scripts": {
    "test": "echo "Error: no test specified" && exit 1",
    "dev": "next",
    "build": "next build",
    "start": "next start",
    "init": "next init"
  },

生成react默认开发目录 pages和static

npm run init

项目启动

npm run dev

自动打包

npm run build

待续...

原文地址:https://www.cnblogs.com/cynthia-wuqian/p/7193834.html