Javascript webpack仅监视条目

Javascript webpack仅监视条目,javascript,webpack,ecmascript-6,babeljs,Javascript,Webpack,Ecmascript 6,Babeljs,我有一个使用Webpack1.13.0的项目设置,当使用webpack--watch时,它似乎只会监视入口点文件中的更改 我有一个项目结构,其中js文件位于$root\src文件夹中,入口点文件为main.js,包含以下内容: import * as strings from 'strings' document.write(strings.sayHello('foobar')); 字符串与此文件位于同一文件夹中 export const helloWorld = 'Hello, world!

我有一个使用Webpack1.13.0的项目设置,当使用
webpack--watch
时,它似乎只会监视入口点文件中的更改

我有一个项目结构,其中js文件位于
$root\src
文件夹中,入口点文件为
main.js
,包含以下内容:

import * as strings from 'strings'
document.write(strings.sayHello('foobar'));
字符串与此文件位于同一文件夹中

export const helloWorld = 'Hello, world!';

export function sayHello(name) {
    return `Hello ${name}`;
}

export const foo = 'bar';
export const bar = 'foo';
webpack.config.js包含以下内容

module.exports = {
    entry: "./src/main.js",
    output: {filename: "./dist/bundle.js"},

    resolve: {root: __dirname + '/src'},

    module: {
      loaders: [
        {
          test: /\.js$/,
          exclude: /node_modules/,
          loader: "babel-loader",
          query: {
              presets: ['es2015']
          }
        }
      ]
    }
};

现在,如果我对
main.js
进行任何更改,它将重新编译,但对
strings.js
的更改不会触发重新编译

问题可能是导入语句:

import * as strings from 'strings'
如果我的理解是正确的,那么当从非相对路径导入时,webpack(默认情况下)会在
node_modules
中查找任何别名文件夹。这可能会解决您的问题(将
'strings'
更改为
'./strings
):


我有一个类似的问题与网页3

如何在我的网页配置中修复它,我将所有使用
\uuu dirname
的连接路径名更改为使用
路径。解析

因此,在您的示例
resolve:{root:uu dirname+'/src'}中,
应该是:
resolve:root:path.resolve(\uu dirname,/src')


此外,我发现我有一个文件系统的大小写敏感问题。我的文件系统有一个大写的目录名
/Network/index.js
我的代码正在导入
/Network/index.js
。Webpack在初始运行时能够解析此路径,但在监视周期中未注册此路径。我将目录名小写,它开始工作。

如果删除
resolve.root
配置选项,它工作吗?我有一种感觉,那就是罪魁祸首,在这种情况下,它看起来不太必要。你解决问题了吗?我现在面临着同样的问题:(我面临着类似的问题):“webpack”上的相同问题:
节点的“3.5.1”
目标
import * as strings from './strings';