Jawaban:
Anda dapat memperbarui folder output di .angular-cli.json:
"outDir": "./location/toYour/dist"
Cara yang lebih baru untuk ini adalah dengan memperbarui outDir
properti di .angular-cli.json
.
The ng build
argumen perintah --output-path
(atau -op
untuk pendek) masih didukung juga, yang dapat berguna jika Anda ingin beberapa nilai, Anda dapat menyimpannya dalam Anda package.json
sebagai skrip NPM.
Hati-hati: The
.angular-cli.json
properti TIDAK disebutoutput-path
seperti jawaban yang saat ini diterima oleh @ cwill747 kata. Itung build
hanya argumennya.Ini disebut
outDir
seperti yang disebutkan di atas, dan itu di bawahapps
properti.
.
(Desember 2017)
1 tahun setelah menambahkan jawaban ini , seseorang menambahkan jawaban baru dengan informasi yang pada dasarnya sama, dan Poster Asli mengubah jawaban yang diterima menjadi jawaban terlambat 1 tahun yang berisi informasi yang sama di baris pertama ini.
Untuk Angular 6+ banyak hal telah berubah sedikit.
Pengaturan Cli sekarang dilakukan di angular.json (diganti .angular-cli.json) di direktori root ruang kerja Anda. Jalur keluaran di angular.json default akan terlihat seperti ini (baris yang tidak relevan dihapus):
{
"projects": {
"my-app-name": {
"architect": {
"options": {
"outputPath": "dist/my-app-name",
Jelas, ini akan menghasilkan aplikasi Anda di WORKSPACE / dist / my-app-name. Ubah outputPath jika Anda lebih suka direktori lain.
Anda dapat menimpa jalur keluaran menggunakan argumen baris perintah (misalnya untuk pekerjaan CI):
ng build -op dist/example
ng build --output-path=dist/example
Sa https://github.com/angular/angular-cli/wiki/build
Menyetel jalur keluaran, akan memberi tahu angular di mana harus menempatkan file "terkompilasi" tetapi bagaimanapun Anda mengubah jalur keluaran, saat menjalankan aplikasi, angular akan tetap menganggap bahwa aplikasi dihosting di root dokumen server web.
Untuk membuatnya bekerja di sub direktori, Anda harus mengatur href dasar.
Di angular.json:
{
"projects": {
"my-app-name": {
"architect": {
"options": {
"baseHref": "/my-folder/",
Cli:
ng build --base-href=/my-folder/
Jika Anda tidak tahu di mana aplikasi akan dihosting pada waktu pembuatan, Anda dapat mengubah tag dasar di index.html yang dihasilkan.
Berikut adalah contoh bagaimana kami melakukannya di kontainer buruh pelabuhan kami:
entrypoint.sh
if [ -n "${BASE_PATH}" ]
then
files=( $(find . -name "index.html") )
cp -n "${files[0]}" "${files[0]}.org"
cp "${files[0]}.org" "${files[0]}"
sed -i "s*<base href=\"/\">*<base href=\"${BASE_PATH}\">*g" "${files[0]}"
fi
Anda juga dapat menggunakan CLI, seperti:
ng build -prod --output-path=production
# or
ng serve --output-path=devroot
Satu-satunya hal yang berhasil bagi saya adalah mengubah outDir
kedua angular-cli.json
DAN src/tsconfig.json
.
Saya ingin folder dist saya di luar folder proyek sudut. Jika saya tidak mengubah pengaturannya src/tsconfig.json
juga, CLI Angular akan memberikan peringatan setiap kali saya membangun proyek.
Berikut adalah baris yang paling penting ...
// angular-cli.json
{
...
"apps": [
{
"outDir": "../dist",
...
}
],
...
}
Dan ...
// tsconfig.json
{
"compilerOptions": {
"outDir": "../../dist/out-tsc",
...
}
}
cli 7x
, hal di atas dilakukan di angular.json
dan bidangnya outputPath
( tsconfig
penyesuaian di atas tetap sama). Hth
CLI Angular sekarang menggunakan file lingkungan untuk melakukan ini.
Pertama, tambahkan environments
bagian keangular-cli.json
Sesuatu seperti :
{
"apps": [{
"environments": {
"prod": "environments/environment.prod.ts"
}
}]
}
Dan kemudian di dalam file lingkungan ( environments/environment.prod.ts
dalam hal ini), tambahkan sesuatu seperti:
export const environment = {
production: true,
"output-path": "./whatever/dist/"
};
sekarang saat kamu lari:
ng build --prod
itu akan ditampilkan ke ./whatever/dist/
folder.
angular-cli: 1.0.0-beta.21
untuk halaman github yang saya gunakan
ng build --prod --base-href "https://<username>.github.io/<RepoName>/" --output-path=docs
Inilah yang menyalin keluaran ke folder dokumen: --output-path=docs
Pilihan lain adalah mengatur jalur webroot ke folder cli dist sudut. Di Program.cs Anda saat mengkonfigurasi WebHostBuilder, cukup ucapkan
.UseWebRoot(Directory.GetCurrentDirectory() + "\\Frontend\\dist")
atau apapun jalan menuju dist dir Anda.