请问老师,create-react-app如何进行source调试???

来源:3-9 自定义Hook(二)

Star_星

2019-09-30

图片描述
是白色的

写回答

2回答

Babbage

2019-10-03

把默认配置中的devtool =设置成"source-map"就可以调试源码了。
我用的cra rewided以下是我的配置 ,我写了一个插件覆盖了配置项
```js

const {
  override,
  fixBabelImports,
  addLessLoader,
  addWebpackAlias
} = require("customize-cra");

//开发模式下,因为不是devtool: 'source-map', 而是cheap-evel-source-map导致无法浏览器调试做了这个修改
const rewiredMap = () => config => {
  config.devtool = "source-map";
  return config;
};

//引入项目底下为了编辑器插件用的webpack 配置,使用里面的alias
const webpackConfigContent = require("./webpack.config.js");

module.exports = override(
  fixBabelImports("import", {
    libraryName: "antd",
    libraryDirectory: "es",
    style: "css"
  }),
  addLessLoader({
    strictMath: true,
    noIeCompat: true,
    localIdentName: "[local]--[hash:base64:5]" // if you use CSS Modules, and custom `localIdentName`, default is '[local]--[hash:base64:5]'.
  }),
  rewiredMap(),
  addWebpackAlias(webpackConfigContent.resolve.alias)
);

```

0
0

张轩

2019-10-01

你是什么编辑器?

0
1
Star_星
vscode,但是在浏览器里咋不行呢
2019-10-02
共1条回复

2024更新 Electron+React+七牛云实战跨平台桌面应用

开发一款自动云同步的 Markdown 文件管理软件

1253 学习 · 463 问题

查看课程