javascript - webpack watch 只看入口

Question

我有一个使用 webpack 1.13.0 的项目设置，似乎在使用 webpack --watch 时它只会监视入口点文件中的更改。

我有一个项目结构，我在 $root\src 文件夹中有 js 文件，入口点文件是 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 的更改不会触发重新编译。

Answer 1

我在使用 webpack 3 时遇到了类似的问题

我如何修复它是在我的 webpack 配置中 我将所有使用 __dirname 的连接路径名更改为使用 path.resolve

所以在你的例子中 resolve: {root: __dirname + '/src'}, 应该是:解析:root: path.resolve(__dirname, '/src')

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