首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >张爱玲与webpack

张爱玲与webpack
EN

Stack Overflow用户
提问于 2017-04-21 03:26:04
回答 2查看 864关注 0票数 2

与angular cli https://github.com/angular/angular-cli#documentation进行一轮较量

我可以创建一个简单的应用程序并在localhost上查看它。

如果我检查本地主机站点,我可以看到由webpack插入的css和js链接。

当index.html看起来像这样时,这些是如何添加的

代码语言:javascript
运行
复制
    <!doctype html>
    <html>
    <head>
      <meta charset="utf-8">
      <title>Wpng</title>
      <base href="/">

      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="icon" type="image/x-icon" href="favicon.ico">
    </head>
    <body>
      <app-root>Loading...</app-root>
    </body>
    </html>

另外,我在文件中看不到任何webpack.config.js,那么如何使用webpack呢

EN

回答 2

Stack Overflow用户

发布于 2017-04-21 03:45:33

Angular CLI在内部处理webpack.config文件。如果您想手动查看和使用它,可以使用ng弹出选项。

有关更多信息,请参阅此答案:angular-cli where is webpack.config.js file - new 2017-Feb: ng eject

票数 3
EN

Stack Overflow用户

发布于 2017-04-21 03:45:46

创建angular-cli的方式是,您不必担心在webpack.config.js文件中设置任何内容,因为这已经为您完成了……不幸的是,我最后一次检查的时候,没有包含在angular-cli中的所有webpack loadersofficial列表,然而,你认为需要的一切都已经在那里了。这就是angular-cli如此简单和容易的原因。

话虽如此,但您在index.html文件中看不到任何链接的javascript文件的原因是,当您进行开发时,您实际上并不是在使用build,而是在使用一个保存在“内存”中的应用程序,该应用程序在您开发应用程序时会发生变化。我知道这就像魔法一样,当我第一次使用angluar-cli时,我也对此感到困惑……

最后,如果您实际使用ng build --prod命令build项目,那么您将获得一个名为dist的新目录,其中包含实际的源代码和一个链接bundle.js文件的index.html文件。

据我所知,webpack config不应该用于在angular cli中更改。至少我最后一次检查的时候是这样的。

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/43528240

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档