# 开发调试
$ npm run dev
# 服务端渲染应用部署
# 构建
$ npm run build
# 启动
$ npm start
添加全局 CSS:
css: [
'~/assets/styles/global/index.scss'
]
CSS 提取到一个单独的 CSS 文件中:
build: {
extractCSS: true
}
默认首页改为 pages/index/index.vue:
router: {
extendRoutes (routes, resolve) {
routes.splice(routes.findIndex(item => item.name === 'index'), 1, {
name: 'index',
path: '/',
component: resolve(__dirname, 'pages/index/index.vue')
})
routes.splice(routes.findIndex(item => item.name === '404'), 1, {
name: '404',
path: '*',
component: resolve(__dirname, 'pages/404/index.vue')
})
}
}
参考:https://zh.nuxtjs.org/api/configuration-router/#extendroutes
去掉 <style>。
|-- page // 页面
| |-- index.vue // 页面入口
| |-- styles // 样式
| |-- index.scss // 样式入口
| |-- images // 样式引用图片
| |-- images // 页面引用图片
与页面目录规范一致。