Angular CLI构建prod javascript/css链接不起作用
问题描述:
我正在使用Angular CLI将我的Angular应用程序编译为JS和CSS文件。我正在使用ng build --environment prod
进行编译。Angular CLI构建prod javascript/css链接不起作用
当在index.html
文件中的dist
文件夹中寻找,我看到JS和CSS文件链接正常,像这样:
<script type="text/javascript" src="script.js"></script>
但是当我打开index.html
文件,Safari浏览器抱怨说,这些文件没有找到。但是,当我编辑这样的HTML文件:
<script type="text/javascript" src="file:///Users/me/proj/dist/script.js"></script>
一切正常......我该如何解决这个问题?粗略地说,这是dist
文件夹的外观。
dist
|--------- index.html
|--------- styles.css
|--------- script.js
答
dist
文件夹旨在被部署到生产服务器......不能直接从您的系统运行。
作为ng build的一部分--prod,您可以指定用于生产服务器的基本URL。它定义了它将在哪里找到这些文件。
ng build --prod --base-href myProductionServerFolder
答
我解决了这个问题。
ng build --prod --base-href/dist