next.js 5.0+ 对dynamic的bug到现在还没解决 dev环境报错, pro正常 vercel/next.js#3775

tequilaNiu · Jun 26, 2018 · 9b7783d · 9b7783d
1 parent d9bc265
commit 9b7783d
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 19 deletions.
diff --git a/blog.sqlite b/blog.sqlite
diff --git a/components/Header.js b/components/Header.js
@@ -16,9 +16,6 @@ const Header = () => (
     <Link href="/">
       <a style={linkStyle}>Home</a>
     </Link>
-    <Link href="/about">
-      <a style={linkStyle}>About</a>
-    </Link>
   </div>
 )
 

diff --git a/next.config.js b/next.config.js
@@ -3,20 +3,28 @@ const withLess = require('@zeit/next-less')
 const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer')
 // import withLess from '@zeit/next-less'
 // import { BundleAnalyzerPlugin } from 'webpack-bundle-analyzer'
+const { ANALYZE } = process.env
 
 module.exports = withLess({
+  // 直接导出静态文件
+  exportPathMap: (defaultPathMap) => ({
+    '/': { page: '/' },
+    '/p/:id': { page: '/post' },
+  }),
   lessLoaderOptions: {
     javascriptEnabled: true,
   },
   distDir: 'build',
   // generateEtags: false,
   useFileSystemPublicRoutes: false,
   webpack: (config, { isServer }) => {
-    config.plugins.push(new BundleAnalyzerPlugin({
-      analyzerMode: 'server',
-      analyzerPort: isServer ? 8888 : 8889,
-      openAnalyzer: true
-    }))
+    if (ANALYZE) {
+      config.plugins.push(new BundleAnalyzerPlugin({
+        analyzerMode: 'server',
+        analyzerPort: isServer ? 8888 : 8889,
+        openAnalyzer: true
+      }))
+    }
     return config;
   }
 })
diff --git a/pages/about.js b/pages/about.js
diff --git a/pages/post.js b/pages/post.js
@@ -1,15 +1,17 @@
 // import axios from 'axios'
+import dynamic from 'next/dynamic'
 import { withRouter } from 'next/router'
 import Layout from '../components/MyLayout.js'
 // import SqlTag from '../components/SqlTag.js'
 // import MongoTag from '../components/MongoTag.js'
 // import Breadcrumb from '../components/Breadcrumb.js'
-import { Button } from 'antd'
-import dynamic from 'next/dynamic'
+import { Button, Spin } from 'antd'
 
 const SqlTag = dynamic(import('../components/SqlTag'))
 const MongoTag = dynamic(import('../components/MongoTag'))
-const Breadcrumb = dynamic(import('../components/Breadcrumb'))
+const Breadcrumb = dynamic(import('../components/Breadcrumb'), {
+  loading: () => <Spin />,
+})
 
 class Post extends React.Component {
   static async getInitialProps({query}) {