折腾:
【已解决】把react-hot-boilerplate改为用最新webpack-dev-server去调试代码
期间,需要设置devtool,看到很多人有各种写法。不知道用哪个。
webpack devtools
webpack sourcemap 选项多种模式的一些解释 – 目田 – SegmentFault
“cheap-module-eval-source-map 绝大多数情况下都会是最好的选择,这也是下版本 webpack 的默认选项。”
另外,看到:
eval
的编译和重新编译的速度都不错,感觉最适合development
【总结】
所以目前设置为:
var isProd = (process.env.NODE_ENV === ‘production’); // https://webpack.js.org/configuration/devtool/ // https://doc.webpack-china.org/configuration/devtool/ devtool: isProd ? ‘cheap-module-source-map’ : ‘eval’, // devtool: ‘cheap-module-source-map’, |
package.json
“scripts”: { “dev”: “cross-env NODE_ENV=development webpack-dev-server –progress –colors –inline –hot –open”, “lint”: “eslint src”, “build”: “cross-env NODE_ENV=production && rm -rf ./build && cp ./index.html ./build && webpack -p –progress –colors” }, |