docusuaurus配置浏览器开发调式
问题
使用docusuaurus框架开发时发现浏览器f12调式不了,问题是docusuaurus默认没有开启源码调式功能即source-map
解决
在docusaurus.config.js的config配置中的plugins中配置myPlugin并添加 devtool: 'source-map'
const config = {
title: '...',
tagline: '...',
url: '...',
baseUrl: '/',
onBrokenLinks: 'throw',
onBrokenMarkdownLinks: 'warn',
favicon: 'img/favicon.ico',
plugins: [
[...],
[...],
function myPlugin() {
return {
name: 'custom-docusaurus-plugin',
configureWebpack(config, isServer, utils) {
return {
// devServer: {
// headers: { 'application/wasm': 'wasm' },
// },
//开启源码调式,否则调式不了
devtool: 'source-map',
experiments: { asyncWebAssembly: true,
syncWebAssembly: true,},
module: {
rules: [
{
mimetype: 'application/wasm',
type: 'wasm',
},
{
// webpack load native modules
test: /\.node$/,
loader: "node-loader"
}
],
},
};
},
};
},
],
themes:[...],
i18n: {
defaultLocale: 'zh-Hans',
locales: ['zh-Hans'],
},
presets: [...],
themeConfig:...
};