webpack - 使用Modifyvars时如何减少热重载

标签 webpack less

目前,我正在使用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/

相关文章:

javascript - Typescript/babel 导入导致 "_1.default is not a function"

css - Webpack sass-loader 无法编译导入到 react jsx 文档中的 sass 样式表 : Unexpected character '@'

javascript - 调整屏幕大小时如何使元素停止移动

css - 将参数传递给关键帧动画

javascript - Vue.js CLI 3 - 如何为 CSS/Sass 创建 vendor 包?

javascript - 为什么看起来整个 core-js 库都与我的 webpack 设置捆绑在一起?

javascript - Vue 检查异步组件何时加载

javascript - Bootstrap v 3.2 组件显示(折叠水平面板)

css - Bootstrap LESS 中颜色的默认变量?

css - 减少引用来自不同 CSS 文件的类