如何更改角度Cli束路径？

在我的index.html构建我的应用程序后，该文件引用类似于下，如何更改角度Cli束路径？

<script type="text/javascript" src="inline.c15b1b72bcd63b7c92ca.bundle.js"></script>

（例如我已经展示了这个文件）。

因为我必须在服务器“xyzwebsite.com/app”中运行我的应用程序。

我需要捆绑的文件复制到“应用程序”文件夹，但是当我尝试这样做，我得到找不到404错误。

我是Angular cli的新用户，捆绑应用程序和所有这些特技！我怎样才能解决这个问题？

在此先感谢！

来源

2017-04-13 Sarav

根据official documentation，您可以指定root和outdir参数，它将定义文件的位置。只要将它们设置到你的/ app目录，你就会好起来的。

在我看来，将生成的文件移动到其他地方似乎不是一个好主意，更好的方法是直接在正确的位置生成它们。

来源

2017-04-13 11:08:35 Sakuto

纳克建立--base-HREF /应用/

起初我预计，在index.html的改变基本标记会做的伎俩：但是生成后好像被设置为默认（/）除非添加上述选项。

来源

2017-04-13 11:09:51 Confront

哦，是的！首先，即使我尝试过并面临同样的情况。但力量虽然这样尝试！ – Sarav

使用webpack.config.js

如果你想要更多的控制使用webpack.config.js文件，而不是.angular-cli.json文件，然后做这个改变束路径。

1. Run `ng eject`

该命令将在您的根目录中公开webpack.config.js文件。您可以配置该文件。

2. Run `npm install`

由于npm弹出将添加与加载器相关的新依赖关系，需要使用上述命令完成这些相关性。

3. "output": { 
    "path": path.join(process.cwd(), "dist"), 
    "filename": "scripts/[name].[chunkhash:20].bundle.js", 
    "chunkFilename": "scripts/[id].[chunkhash:20].chunk.js" 
    }

在webpack.config.js文件编辑输出项和JS文件添加你想要的目录名，如上图所示。使用这个，你可以控制捆绑路径。

我希望这会对您有所帮助！

来源

2017-08-29 18:49:00

如何更改角度Cli束路径？

回答

相关问题