使用webpack

Question

目前，我使用less-loader和modifyVars来覆盖一些较少的变量，以便自定义样式。

import theme from './theme.js';

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

但对于theme.js中的每个更改，我必须重新启动服务器，（执行npm运行）是否有一种方法可以自动生成，就像我更改较少的文件一样，它会立即被替换？

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

Answer 1

主题不是文件webpack手表和包。它是webpack config 的一部分。所以答案是否定的，你不能让webpack观看它。

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