Webpack --watch не перезагружается при изменении кода

Я создаю реагирующее приложение на основе API. Бэкэнд-фреймворк — это PHP symfony, и я использовал последний ответ с веб-пакетом. У меня проблема в том, что я не могу получить опцию --watch для перезагрузки, когда я вношу изменения в код. Также не знаю, почему, но создание приложения также занимает слишком много времени...

Кто-нибудь знает, где проблема?

Вот мой файл конфигурации:

var path = require('path');
var webpack = require('webpack');
var devConfig = require('./webpack.config');
var ExtractTextPlugin = require('extract-text-webpack-plugin');

var config = {
    devtool: 'source-map',
    entry: {
        app: './app/index',
        vendor: devConfig.entry.vendor
    },
    resolve: {alias: {}},
    output: {
        path: path.join(__dirname, '/../../../../../../../public_html/pos-interface/'),
        filename: 'bundle.js',
        publicPath: './'
    },
    plugins: [
        new webpack.optimize.OccurenceOrderPlugin(),
        new webpack.DefinePlugin({
            'process.env': {
                'NODE_ENV': JSON.stringify('production')
            },
            "require.specified": "require.resolve"
        }),
        new webpack.optimize.UglifyJsPlugin({
            compress: {
                warnings: false
            }
        }),
        new ExtractTextPlugin("styles.css"),
        new webpack.HotModuleReplacementPlugin(),
        new webpack.ProvidePlugin({
            '$': "jquery",
            'jQuery': "jquery",
            'window.jQuery': "jquery",
            'window.$': 'jquery'

        }),
        new webpack.optimize.CommonsChunkPlugin('vendor', 'vendor.js', Infinity),
    ],
    devServer: {
        historyApiFallback: true,
    },
    module: {
        noParse: [],
        loaders: [
            {
                test: /\.js$/,
                loaders: ['babel'],
                include: path.join(__dirname, 'app')
            },
            {
                test: /\.css$/,
                loader: ExtractTextPlugin.extract('style-loader', 'css-loader')

            },
            {
                test: /\.(png|jpg|gif)(\?v=\d+\.\d+\.\d+)?$/,
                loader: 'url-loader?limit=100000'
            },
            {
                test: /\.(eot|com|json|ttf|woff|woff2)(\?v=\d+\.\d+\.\d+)?$/,
                loader: 'url-loader?limit=10000&mimetype=application/octet-stream'
            },
            {
                test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
                loader: 'url-loader?limit=10000&mimetype=image/svg+xml'
            }
        ]
    }
};


module.exports = config;

И вот команда, которую я использую для запуска веб-пакета

./node_modules/.bin/webpack --config webpack.config.js --watch

person jureispro    schedule 04.09.2017    source источник
comment
возможно, это поможет stackoverflow.com/questions/ 44313375/   -  person Shubham Khatri    schedule 04.09.2017
comment
можешь попробовать -w лайкнуть ./node_modules/.bin/webpack --config webpack.config.js -w   -  person Nitish Phanse    schedule 04.09.2017
comment
он работает с флагом -w, но перекомпиляция занимает 33 секунды. Может быть, вы знаете, как я могу сократить его?   -  person jureispro    schedule 04.09.2017
comment
Взгляните на этот документ (webpack.js.org/guides/build-performance) чтобы найти ответ на свой вопрос. Вам нужно будет создать две конфигурации веб-пакета, для dev и prod отдельно. и переместите все плагины, связанные с prod (например, ExtractTextPlugin, UglifyJsPlugin) в соответствующую конфигурацию.   -  person Panther    schedule 04.09.2017
comment
Что-то вроде этого engineering.invisionapp.com/post/optimizing-webpack   -  person Panther    schedule 04.09.2017
comment
Спасибо вам всем. рассмотрю эту документацию   -  person jureispro    schedule 04.09.2017