如何在 Docusaurus v2 中使用 Sass?
How do use Sass in Docusaurus v2?
我按照说明在我的 Docusaurus v2 项目中使用 Sass,但是当我 运行 yarn start
:
时出现以下错误
Error: Cannot find module 'docusaurus-plugin-sass'
我的配置文件是开箱即用的:
module.exports = {
title: '...',
tagline: '...',
url: '...',
baseUrl: '/',
favicon: 'img/favicon.ico',
organizationName: '...', // Usually your GitHub org/user name.
projectName: '...', // Usually your repo name.
themeConfig: {
navbar: {...},
footer: {...},
},
presets: [
[
'@docusaurus/preset-classic',
{
docs: {...},
blog: {...},
theme: {
customCss: require.resolve('./src/scss/index.scss'),
},
},
],
],
plugins: ['docusaurus-plugin-sass'],
};
这是一个错误还是我遗漏了什么?
需要检查的内容很少
- 您是否将
docusaurus-plugin-sass
添加到您的 package.json
?
- 如果您使用的是 alpha.56,请注意以下更改 - https://github.com/facebook/docusaurus/releases/tag/v2.0.0-alpha.56
If you refer to modules (plugins) in your config file in a string form, you will need to replace them with require.resolve
calls, for example:
- plugins: ['@docusaurus/plugin-google-analytics']
+ plugins: [require.resolve('@docusaurus/plugin-google-analytics')]
我按照说明在我的 Docusaurus v2 项目中使用 Sass,但是当我 运行 yarn start
:
Error: Cannot find module 'docusaurus-plugin-sass'
我的配置文件是开箱即用的:
module.exports = {
title: '...',
tagline: '...',
url: '...',
baseUrl: '/',
favicon: 'img/favicon.ico',
organizationName: '...', // Usually your GitHub org/user name.
projectName: '...', // Usually your repo name.
themeConfig: {
navbar: {...},
footer: {...},
},
presets: [
[
'@docusaurus/preset-classic',
{
docs: {...},
blog: {...},
theme: {
customCss: require.resolve('./src/scss/index.scss'),
},
},
],
],
plugins: ['docusaurus-plugin-sass'],
};
这是一个错误还是我遗漏了什么?
需要检查的内容很少
- 您是否将
docusaurus-plugin-sass
添加到您的package.json
? - 如果您使用的是 alpha.56,请注意以下更改 - https://github.com/facebook/docusaurus/releases/tag/v2.0.0-alpha.56
If you refer to modules (plugins) in your config file in a string form, you will need to replace them with
require.resolve
calls, for example:
- plugins: ['@docusaurus/plugin-google-analytics']
+ plugins: [require.resolve('@docusaurus/plugin-google-analytics')]