Grunt Webpack 开发服务器配置

Question

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

我的意思是，让一切正常运行的最简单配置。

提前谢谢你，

亚历克斯

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 上生成一个开发服务器，文档根位于 /dist 目录中（相对于你的包的根目录）