Настройте webpack для запуска локально в пользовательском домене по HTTPS

Question

Чтобы использовать модуль, который я хочу интегрировать в свое приложение (я разрабатываю локально), мне нужно сделать две вещи:
1) Запустите мое приложение локально на HTTPS.
2) Запустите приложение с определенным доменом.

Обе эти вещи должны быть довольно простыми с помощью сервера Webpack dev, который я использую для локальной разработки, но по какой-то причине он не работает по документации.

Мой webpack.config файл:

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

Путь я указываю к добавлен в мои хосты файл на моем компьютере, поэтому он должен быть столь же действительным, как LOCALHOST по умолчанию.

И мой package.json файл имеет это как это запустить скрипт для сервера Dev:

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

Я сделал эти изменения, а затем я перезапущен с начала НПМ после сохранения. Проблема в том, что сервер по-прежнему не работает на https, и когда я указываю свой браузер на новую ссылку, он просто ничего не показывает. Вся документация, которую я нашел, кажется, что это должно сработать, поэтому я должен упустить что-то очевидное.

Answer 1

Решено! Оказывается, это очень легко сделать с Webpack, как я и ожидал, но документация немного запутанна.

Вы просто отредактировать файл хоста содержит домен, который требуется, а затем добавьте следующий код в webpack.config:

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

Run npm start и указать ваш браузер https://localhost.specialurl.com:1234/webpack-dev-server и вы должны быть все готово :)