Grunt Webpack开发服务器配置

Question

有谁知道如何设置gruntfile.js和webpack.config.js文件以使webpack-dev-server正常工作，包括热更新功能？

我的意思是，最简单的配置可以使一切运行起来。

提前谢谢你，

Alex

Answer 1

这样的事情：

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'])

}

这将在localhost：9999上生成一个dev服务器，文件根位于/ dist目录中（相对于你的包的根目录）