Question

我的React app的结构如下：

├── components
│   ├── app
│   │   └── App.js
│   ├── grid
│   │   ├── Cell.js
│   │   ├── Grid.js
│   │   └── Row.js
│   └── navbar
│       └── Navbar.js
├── store
│   ├── apartments.js
│   ├── api.js 
│   ├── index.js
│   └── orders.js
├── index.js
├── routes.js

当我在我的一个组件文件中更改某些文件时，webpack不会编译。但是当我在＆＃34; store＆＃34;中更改文件时文件夹或index.js它会成功编译
这是我的配置文件：

var webpack = require('webpack');
var path = require('path');
var HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
    entry: {
        bundle: './src/index.js'
    },
    output: {
        path: __dirname,
        filename: "bundle.js"
    },
    module: {
        rules: [
            {
                use: 'babel-loader',
                test: /\.js$/,
                exclude: /node_modules/
            },
            {
                use: ['style-loader', 'css-loader'],
                test: /\.css$/
            }
        ]
    }
};

我尝试使用webpack-dev-server标记运行--hot 还安装了case-sensitive-paths-webpack-plugin
dev-server config中指定的contentBase : __dirname 这一切都没有帮助我我的webpack版本：2.6.1，webpack-dev-server：2.4.5
但有时它只是工作而且我无法理解为什么，这对我来说是一种魔力。它可以在重命名文件和文件夹后工作，或者在case-sensitive-paths-webpack-plugin安装后工作，但然后再次停止请有人至少解释我如何调试这个。我用谷歌搜索了两天的问题，并没有找到任何解决方案。

Webpack dev服务器无法检测嵌套文件夹

0 个答案: