Question

我尝试使用angular2和webpack我按照角度指南中的步骤操作，当我运行项目时没有错误，输出是：

 70% 3/3 build modules http://localhost:8080/
webpack result is served from http://localhost:8080/
content is served from D:\angular-webpack
404s will fallback to /index.html
chunk    {0} app.js, app.css (app) 3.56 kB {2} [rendered]
chunk    {1} polyfills.js (polyfills) 467 kB [rendered]
chunk    {2} vendor.js (vendor) 2.34 MB {1} [rendered]
Child html-webpack-plugin for "index.html":
    chunk    {0} index.html 321 bytes [rendered]
Child extract-text-webpack-plugin:
    chunk    {0} extract-text-webpack-plugin-output-filename 1.96 kB [rendered]
webpack: bundle is now VALID.

但我不知道在此之后如何使用它在生产中部署我的项目？ dist文件夹也是空的

Answer 1

您正在运行webpack dev服务器命令 - npm start，要启动您的应用，请转到http://localhost:8080/。要在生产中部署项目，您应该运行npm build，它将创建 dist文件夹并生成应用程序的生产包。

请参阅＆＃34;脚本＆＃34;：在package.json
中

Answer 2

在命令行中的生产运行ng build --prod中部署项目。通过这个文件到dist文件夹将被添加。

希望这有帮助。

Answer 3

您的问题非常广泛，可以为您的问题提供明确的答案，但这有助于您和Stackoverflow上的其他用户。

我强烈建议您使用webpack2查看此样板库（https://github.com/AngularClass/angular2-webpack-starter/）并使用最新版本的angular2进行更新。

它可能会比你希望的更复杂，但是你可以从这个回购中获得很多方向：

如何运行体面的开发工作流程（hmr和webpack手表）
如何将代码编译为生产（缩小并在dist文件夹中可用）
结构化和工作e2e测试和单元测试

这不是一个确切的答案，但我认为这有助于指导很多用户处理任何与网络包相关的设置问题

这里是回购：https://github.com/AngularClass/angular2-webpack-starter/

我从一开始就一直关注它，并且是我的GOTO资源，可以在我开始的任何新项目上获得设置方向。

希望这有点帮助！

如何使用angular2与webpack

3 个答案: