webpack - 使用 webpack 观察特定文件的变化

Question

目前我使用 less-loadermodifyVars来覆盖一些 less 变量以自定义样式。

import theme from './theme.js';

{
    test: /\.(css|less)$/,
    loaders: ['style', 'css?sourceMap', 'postcss', `less-loader?{"sourceMap":true,"modifyVars":${JSON.stringify(theme)}}`],
}

但是对于theme.js我必须重新启动服务器的每一次更改，（执行 npm run ）有没有办法让它像我更改一个较少的文件并且它会立即被替换一样自动？

主题.js

module.exports = {
  '@primary-color': '#1DA57A',
  '@font-size-base': '14px',
  '@btn-font-weight': '200',
};

Answer 1

主题不是 webpack 手表和包的文件。它是 webpack配置的一部分。所以答案是否定的，你不能让 webpack 监视它。

但是，您可以让其他人观看并重新启动 webpack。如此处所述，例如。