jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 如何使用webpack和angular2为生产部署代码大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个带有webpack和grunt的角度2代码.在开发模式下,我使用webpack-dev-server加载并运行它作为一项艰巨的任务.

在为生产部署构建代码时,我使用Grunt进行所有缩小等操作并创建dist /文件夹.

但是我如何运行这个dist /文件夹?使用什么服务器?

我读到webpack-dev-server不应该用于生产部署.所以我开始寻找其他选项,我可以将服务器作为grunt命令启动.

我发现grunt:服务器不应该使用. https://stackoverflow.com/questions/22577336/can-grunt-server-use-for-production-application-deployment

然后我开始关于快递服务器,但我真的不确定.

我想要的是我创建的dist /文件夹应该使用服务器呈现.我正在使用webpack

我的问题是:

>我们不应该将服务器作为Grunt任务启动吗?我们应该使用Npm脚本吗?
>@R_848_10675@用哪个服务器来部署使用webpack的生产级代码

解决方法

我的dist文件夹在wwwroot下找到.它是从index.html文件中引用的,也可以在wwwroot下找到.原始文件位于我的应用程序中的ClientApp文件夹下.

WebPack最小化并部署ClientApp文件夹中的文件,并将它们放在dist下的main.js文件中.

WebPack还为所有供应商文件执行此操作,这些文件实际存储在项目根路径的node_modules文件夹中.它将这些放在vendor.js中.

它与css文件的作用相同.请参阅下面的index.html文件.请参阅/ dist /文件夹的参

<!DOCTYPE html>
<html>
<head>
  <Meta charset="utf-8" />
  <Meta name="viewport" content="width=device-width,initial-scale=1.0" />
  <title>Home Page - MyApp</title>
  <base href="/" />
  <link rel="stylesheet" href="/dist/vendor.css" />
  <link rel="stylesheet" href="/dist/styles.css" />
</head>
<body >

    <my-app />

  <script src="/dist/vendor.js"></script>
  <script src="/dist/main.js"></script>

</body>
</html>

大佬总结

以上是大佬教程为你收集整理的jquery – 如何使用webpack和angular2为生产部署代码全部内容,希望文章能够帮你解决jquery – 如何使用webpack和angular2为生产部署代码所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。