目前,我正在使用less-loader和modifyVars
覆盖一些较少的变量,以自定义样式。
在我的webpack.config.js中
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),是否有一种方法可以使其自动运行,就像我更改的文件少了一样,它会立即替换吗?
theme.js
module.exports = {
'@primary-color': '#1DA57A',
'@font-size-base': '14px',
'@btn-font-weight': '200',
};
最佳答案
由于当前打开的issue,您不能这样做,“我们需要接受{Function}的ModifyVars并在加载程序中处理它”。
关于webpack - 使用Modifyvars时如何减少热重载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41724625/