Node.js 手写笔:在网页包配置中插入动态ID选择器
我想在手写笔文件中使用ID选择器。问题-应动态设置选择器的名称 具体来说,我想从node.js模块的package.json文件中检索ID选择器的名称。我使用webpack作为构建工具,运行良好 例如: package.jsonNode.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
{
"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。。。