我一直在使用React和Webpack开发应用程序.我的开发环境工作正常,所有东西都使用webpack-dev-server正确加载.
我决定运行应用程序的生产版本,以查看最终产品可能看起来像大小,并观察webpack产品构建的一般输出.
事实证明,webpack -p当我在浏览器中访问网站时,运行虽然它确实产生输出(更多内容在一分钟内),但是根本没有加载任何内容.快速检查输出告诉我没有任何组件代码正在进入webpack -p构建.
图像和HTML副本存在于我的src(dev)文件夹中,但是我的JS包输出非常小 - 文件(main.js)只有246个字节.
这是运行webpack -p的输出
$ npm run build
> project@0.1.0 build /Users/me/Development/project
> NODE_ENV=production webpack -p --bail --progress --config webpack.config.babel.js
Hash: 9e5f6974ce21c920a375
Version: webpack 1.12.10
Time: 2003ms
Asset Size Chunks Chunk Names
index.html 1.45 kB [emitted]
images/edit.svg 524 bytes [emitted]
images/search.svg 1.19 kB [emitted]
main.js 246 bytes 0, 1 [emitted] javascript, html
+ 219 hidden modules
当我运行项目的开发版本时,输出明显不同......我知道开发服务器依赖关系在那里,并且代码没有缩小..而且,最重要的是 - 一切都按预期运行开发时工作服务器.
$ npm start
> project@0.1.0 start /Users/me/Development/project
> webpack-dev-server --hot --display-modules …