Question

我正在尝试设置我的webpack开发人员环境。您可以在下面找到我的npm依赖项和脚本部分：

    const path = require('path');
    let webpack = require('webpack');

    module.exports = {
        entry: './src/app.js',
        output: {
            filename: 'app.js',
            path: path.resolve(__dirname, 'dist')
        },
        module: {
            loaders: [
                {
                    test: /\.js$/,
                    exclude: /node_modules/,
                    loader: 'jshint-loader'

                },
                {
                    test: /\.js$/,
                    loader: "babel-loader",
                    exclude: /node_modules/,
                    query: {
                        presets: ["env"]
                    }
                }
            ]
        },
        stats: {
            colors: true
        },
        devtool: 'source-map'
    };

和我的webpack.config.js：

npm run server

当我运行Project is running at http://localhost:8080/ webpack output is served from / Hash: bd3defdad89370ccb56f Version: webpack 3.11.0 Time: 1508ms Asset Size Chunks Chunk Names app.js 866 kB 0 [emitted] [big] main app.js.map 1.05 MB 0 [emitted] main时，我收到了如下的终端消息：

dist

但是我的输出目录（webpack-dev-server）中没有文件。为什么我有这样的问题，如何解决它与webpack观察者使用babel？

UPDATE 在下面，您可以看到执行{{1}}

后获得的完整输出

Answer 1

我的问题的解决方案非常简单，我接下来解决它：在我的webpack.config.js文件中，我添加了以下行：

    module.exports = {
        //other options   
        ...
     watch: true,
        watchOptions: {
            aggregateTimeout: 300,
            poll: 1000
        },
      ...
       //other options

并且webpack开始观看我的js代码并致电babel进行翻译

Babel加载程序不能与webpack-dev-server一起使用

1 个答案: