webpack 老是配不好，有没有自动生成的？不用我配！

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

› React

这是一个创建于 2975 天前的主题，其中的信息可能已经有所发展或是发生改变。

如题，这该死的 webpack 老是配不好，我只是想安安静静的调试下代码，给我来个 source-map 就好了。简直混球，气死人。现在一直卡到[HMR] Hot Module Replacement is disabled，真烦，明明照着官方有加webpack/hot/dev-server有new webpack.HotModuleReplacementPlugin()也有hot: true

结果一 server 就毛病。

气死了，请问大家有没有可以不用麻烦配 webpack 的现成的或者自动生成也好。都特么快被气哭了！！！！

webpack

hot

气死

生成

9 条回复 • 2016-10-07 20:37:21 +08:00

learnshare

2016-10-03 12:17:14 +08:00

有各种 seed ，拿一个用就好了

df4VW

2016-10-03 13:02:52 +08:00

找个 example 抄一下就好了

bdbai

2016-10-03 13:13:16 +08:00 via Android

运行 webpack-dev-server --hot 试试。

SuperMild

2016-10-03 13:39:10 +08:00

这个问题 React 官方已经为你考虑到了，出了个**零配置**的脚手架。

https://facebook.github.io/react/blog/2016/07/22/create-apps-with-no-configuration.html

What ’ s Inside?

webpack with webpack-dev-server, html-webpack-plugin and style-loader
Babel with ES6 and extensions used by Facebook (JSX, object spread, class properties)
Autoprefixer
ESLint
Jest
and others.

DaraW

2016-10-03 15:23:46 +08:00 via Android

补充下 vue 的话用 vue-cli 。想定制可以基于脚手架和 demo 的配置改。(你要知道 webpack 的配置基本靠抄和蒙的

zindex

2016-10-03 19:15:23 +08:00

cooking ？

carlhan

2016-10-03 19:31:41 +08:00 via Android

同 5L
可以用 creat-react-app, 全局安装，有同名命令可以用来创建项目

xuecat

2016-10-07 20:37:21 +08:00

@SuperMild 非常感谢你的回复，我回复有点晚了，见谅。
我试了下，确实能完好运行，但是并未达到我的目的。
目的：
1 、我希望能断点调试源，并查看源代码的堆栈。

就比如`Create React App`这个项目，运行后进入的服务器，我希望能调试 app.js ，然而从`source`的页面却找不到。

网上说要·source-map·，所以我就用 webpack 来（我用的是 generator-react-webpack 这种能自动生成的东东）
然而依旧无法从`source`页面找到源文件，依旧无法调试。

所以我诚恳的希望大家能告诉我，我咋个才能调试？断点？正常的走堆栈？