如何更改角度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束路徑？

回答

相關問題