2015-08-06 5 views
1

Кто-нибудь знает, как настроить файлы gruntfile.js и webpack.config.js для работы webpack-dev-сервера, включая функцию горячего обновления?Конфигурация сервера Grunt Webpack dev

Я имею в виду, простейшая конфигурация, позволяющая сделать все и работать.

Спасибо заранее,

Алекс

+2

Почему вы используете хрюканье с помощью веб-пакета? почему не просто веб-пакет? – Josh

+0

Вы правы. Лучше всего Webpack. Для тех, кому нужны инструкции по настройке Webpack, см. Этот URL: https://egghead.io/lessons/angularjs-angular-with-webpack-introduction – AlexCD

ответ

0

Что-то вроде этого:

module.exports = function(grunt) { 
    grunt.loadNpmTasks('grunt-webpack') 
    grunt.loadNpmTasks('grunt-webpack-dev-server') 

    grunt.initConfig({ 
     'webpack': { 
      dist: { 
       entry: './src/entry.js', 
       output: { 
        filename: 'dist/app.js' 
       } 
      } 
     }, 
     'webpack-dev-server': { 
      main: { 
       contentBase: 'dist', 
       port: 9999, 
       keepAlive: true 
      } 
     } 
    }) 

    grunt.registerTask('default', ['webpack', 'webpack-dev-server']) 

} 

Это породит сервер Дев на локальном хосте: 9999 с корнем документа в каталоге/DIST (по отношению к ваш корень пакета)

Смежные вопросы