Node.js 手写笔:在网页包配置中插入动态ID选择器

Node.js 手写笔:在网页包配置中插入动态ID选择器,node.js,webpack,stylus,Node.js,Webpack,Stylus,我想在手写笔文件中使用ID选择器。问题-应动态设置选择器的名称 具体来说,我想从node.js模块的package.json文件中检索ID选择器的名称。我使用webpack作为构建工具,运行良好 例如: package.json { "name":"mymodule", } webpack.config.json var modulname = require('./package.json').name module.exports = { stylus: { use

我想在手写笔文件中使用ID选择器。问题-应动态设置选择器的名称

具体来说,我想从node.js模块的package.json文件中检索ID选择器的名称。我使用webpack作为构建工具,运行良好

例如:

package.json

{
  "name":"mymodule",
}
webpack.config.json

var modulname = require('./package.json').name
module.exports = {
  stylus: {
        use: [ ]
  }
}
应用程序styl

#{dynamicselctor}
  color: red
  display: flex
app.css

#modulname
  color: red
  display: flex

如何获取
{dynamicselctor}
app.styl
中的
部分被
webpack.config.json
中的
var modulename
值替换,该值是
package.json
中所需的,以便
app.css
呈现如图所示?

您可以在网页包配置中使用
定义
手写笔加载程序选项:

var modulname = require('./package.json').name
module.exports = {
  stylus: {
    define: {
      dynamicselctor: modulname
    }
  }
}

您可以在网页包配置中使用
define
stylus loader选项:

var modulname = require('./package.json').name
module.exports = {
  stylus: {
    define: {
      dynamicselctor: modulname
    }
  }
}

感谢您的帮助,但“DynamicHelper”不会被插值。生成的css是#dynamicselector…感谢您的帮助,但是“dynamicselector”不会被插值。生成的css是#DynamicHelper。。。