gatsby-config.js有什么作用？

一、简介

gatsby-config.js 位于项目根目录，用于配置项目信息，如果没有就新建一个。

plugins

用于配置 plugin ，这个是最常用的
siteMetadata

设置项目的基本信息：title等描述
flags

可设置的值，看这里！
pathPrefix

转换 URL http://www.example.com 为 http://www.example.com/blog
proxy

开发模式下，让不存在的URL 重定向到指定的URL。详细内容，看这里！

// gatsby-config.js
module.exports = {siteMetadata: {title: `Gatsby`,siteUrl: `https://www.gatsbyjs.com`,description: `Blazing fast modern site generator for React`,},plugins: [`gatsby-transform-plugin`,{resolve: `gatsby-plugin-name`,options: {optionA: true,optionB: `Another option`,},},],flags: {QUERY_ON_DEMAND: true,},pathPrefix: `/blog`,proxy: {prefix: "/api",url: "http://examplesite.com/api/",},
}

二、参考文档

gatsby-config.js有什么作用？

gatsby-config.js有什么作用？相关推荐

研究了 babel.config.js 和 babelrc，理解了为什么ES6代码没被转化
前言之前遇到过一个 babel 转换的问题,在下面这个 monorepo 的目录结构中 . ├── common │ └── utils.js ├── package.json └── packag ...
vue config.js详解——vue config.js到底是什么，有什么作用?
我们在做vue项目的时候,在根目录中肯定都看到过一个config.js文件,那么这个文件在整个项目中到底有什么作用呢? vue.config.js 是一个可选的配置文件,如果项目的 (和 packag ...
vue cli3.3 以上版本配置vue.config.js
// vue.config.js 配置说明 //官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions // 这 ...
webpack.config.js 参数详解
webpack.config.js文件通常放在项目的根目录中,它本身也是一个标准的Commonjs规范的模块. var webpack = require('webpack'); module.exp ...
拆分js文件_2021入门Webpack，看这篇就够了：Webpack.config.js 解析
这是优妈成长记的第63篇原创这是一个webpack配置说明本文是发布在github上webpack-demo的README文件内容.主要对webpack.config.js每一条的注释说明. gi ...
Vue.js CLI4 Vue.config.js标准配置（最全注释）
前言: Vue.js CLI工具不知不觉发展到了4.0时代,CLI给人最直白的感受是没有了build文件夹跟config文件夹,所有的配置都在Vue.config.js完成.那么该文件的配置至关重要 ...
关于editor网页编辑器ueditor.config.js 配置图片上传
最近公司项目在做一个门户网站,其中新闻和简介等部分使用到了ueditor编辑器,但是上级明确指示需要图片上传这个功能,这时却发现图片上传功能不能正常使用,上传时一直报错,网上收了好几个处理办法,都说的 ...
vue.config.js 配置参考
文章目录属性说明常用完整配置属性说明 vue.config.js是一个可选的配置文件,如果项目的 (和 package.json 同级的) 根目录中存在这个文件,那么它会被 @vue/cli-s ...
VUE-CLI可选的配置文件vue.config.js
VUE-CLI可选的配置文件 vue.config.js 整理自官方文档,仅供博文https://blog.csdn.net/qq_28550263/article/details/120633610 ...
webpack教程(二)——webpack.config.js文件
首先我们需要安装一个webpack插件html-webpack-plugin,该插件的作用是帮助我们生成创建html入口文件.执行如下命令 npm install html-webpack-plugi ...

gatsby-config.js有什么作用？

一、简介

二、参考文档

gatsby-config.js有什么作用？相关推荐

最新文章

热门文章