如何使用webpack将许多配置组织到一个手写笔项目中

Question

我想为基于Webpack的项目使用很多样式配置文件。现在我正在使用变量：

    loaders: [
   ...
  , { test: /\.styl$/,  loader: "style!css!postcss!stylus?paths[]=node_modules&paths[]=app&import=apps/" + appName + "/config.styl" }
    ...

一切顺利，但现在的问题是当我编辑config.styl时自动更新不起作用。也许有更好的方法？或者在这种情况下如何修复自动更新？

Answer 1

尝试的几个想法（从评论中迁移）：

• string-replace-webpack-plugin可用于动态生成导入 - 不幸的是，看起来HMR并没有提取它。您可以尝试将其作为preLoader
进行调用
• 设置resolve.alias进行配置。这样可以避免使用替换插件，感觉更像是一种更清洁的替代方案。