symfony - 如何使用 Webpack 和 Symfony 观看 twig 文件？

Question

我正在使用 webpack 和 Symfony 2。 现在我已经设法让他们一起工作。

当我保存 js 或 css 文件时，我的浏览器会自动重新加载 webpack-dev-server。 但是当我更改并保存 Twig 文件时，如何告诉 webpack 重新加载浏览器？

这是我的项目结构:

root
├── app
│   ├── config
│   └── Resources
│       └── assets
│           └── img
│           └── js
│               └── index.js (my entry point)
│           └── scss (my styles files)
│       └── views (All my twig files are here)
├── src
│   └── AppBundle
├── nodes_modules
├── web
    ├── bundles
    └── build (generated files by webpack)
├── package.json
└── webpack.config.js

还有我的 webpack 配置:

...
module.exports = {
    entry: 'app/Resources/assets/js',
    output: {
        path: 'web/build',
        filename: '[name].js',
        chunkFilename: '[name].bundle.js',
        publicPath: '/build/',
        pathinfo: true
    }
    plugins: [
        new ExtractTextPlugin('styles.css', {allChunks: true}),
        new webpack.DefinePlugin({
            'process.env': {
                NODE_ENV: JSON.stringify('development')
            }
        }),
    ],
    module: {
        preLoaders: [
            {
                test: /\.js$/,
                loaders: ['eslint', 'jscs'],
                include: PATHS.app
            }
        ],
        loaders: [
            {test: /\.js$/, loader: 'babel?cacheDirectory'},
            {test: /\.css$/, loader: ExtractTextPlugin.extract('style', 'css')},
            {test: /\.scss$/, loader: ExtractTextPlugin.extract('css?sourceMap!sass?sourceMap')},
            {test: /\.(png|gif|jpe?g|svg|woff2?|eot|ttf)$/i, loader: 'url', query: {limit: 10000}}
        ]
    },
    resolve: {
        extensions: ['', '.js'],
        modulesDirectories: ['node_modules', '']
    }
    devServer: {
        contentBase: path.join(__dirname, 'web/'),
        historyApiFallback: true,
        stats: 'errors-only',
        host: '0.0.0.0',
        port: '8090'
    }
}

感谢您的建议。

Answer 1

没关系，

我找到了一个可以实现我想要的功能的插件: https://github.com/man27382210/watchFile-webpack-plugin .

无论如何，谢谢。