HTTPS

2015-07-02 15 views
6

üzerinden özel bir etki alanında yerel olarak çalışmak için webpack'i kurun Uygulamamla tümleştirmek istediğim bir modülü kullanmak için (yerel olarak gelişiyorum), iki şey yapmam gerekiyor:
1) Uygulamamı çalıştır HTTPS'de yerel olarak.
2) Uygulamayı belirli bir etki alanı ile çalıştırın.HTTPS

Her ikisi de yerel geliştirme için kullanıyorum Webpack dev sunucusu ile oldukça kolay olmalı, ancak bazı nedenlerle belgelerin önerdiği gibi çalışmıyor.

Benim webpack.config dosyasıdır:

module.exports = { 
    entry: './app/js/app.js', 
    output: { 
    path:'./app/js/', 
    publicPath: 'https://specialurl.com/assets', 
    filename:'bundle.js' 
} 

benim ana bilgisayarımda dosyaya o localhost varsayılan kadar geçerli olmalıdır, böylece eklenmiş işaret ediyorum yolu.

Ve dev sunucusu için komut dosyası başlatmak var benim package.json dosyası bu vardır:

"scripts": { 
"start": "webpack-dev-server --progress --colors --https", 
} 

ben bu değişiklikleri yaptıktan sonra ben kaydettikten sonra npm başlangıcı ile yeniden. Sorun şu ki, sunucu hala https üzerinde çalışmıyor ve tarayıcımı yeni bağlantıya işaret ettiğimde hiçbir şey göstermiyor. Bulduğum tüm belgeler bunun işe yarayacağını gösteriyor, bu yüzden açık bir şey eksik olmalıyım.

+0

Neden nginx sunucusunu web paketinin önüne koymuyorsunuz, ipuçlarıyla ayarlamıyorsunuz ve ana makinenizi nginx'e yönlendirmek için hosts dosyanızı düzenleyiniz? – ssube

+0

Webpack'in gereken tüm yeteneklere sahip olduğu görülüyor, bu yüzden mümkünse işleri kolaylaştırmak istiyorum. Eğer denemek için iyi bir fikir gibi görünmüyorsa :) – pmcote

+0

Sadece söyleyerek - bu bile geliştirme için tercih ettiğim bir düğüm sunucusu ile oldukça kolay, çünkü daha fazla ölçeklenebilir ve esnek –

cevap

11

Çözüldü! Webpack ile beklediğim gibi çok kolay olduğunu ortaya çıktı, ancak belgeler biraz kafa karıştırıcı.

Sadece istediğiniz etki alanını içerir ve ardından webpack.config aşağıdaki kodu eklemek için host dosyasını düzenleyin:

devServer: { 
    host: "localhost.specialurl.com", 
    port: 1234, 
    https: true 
}, 

Run npm start ve https://localhost.specialurl.com:1234/webpack-dev-server için tarayıcınızı ve tüm set olmalıdır :)

+5

bu sıcak ile çalışmak için herhangi bir şans TRUE? Uygulama özel etki alanında çalışır, ancak webpack localhost'a bir socket.io bağlantısı açmaya çalışmayı sürdürür: 3000 bunun yerine. – Sander

+3

hosts dosyalarınızı nasıl düzenlediniz? 127.0.0.1 localhost.specialurl.com? – okwme