Question

我有问题，在我的项目中我使用常量，css，html，js中的变量，如果我想改变一些常量，我需要在html或css或js中找到它，这需要很长时间。并且想知道是否可能有变量和常量的单独的js文件，并从中注入到html，js，css（sass）的值。下面的伪代码。我想知道，甚至可以使用webpack，如果是的话，我应该怎样或在哪里看？

＆＃13;

document.getElementById(${=name}).style.color = 'white';

＆＃13;

.box {
  width: ${=width}
}

＆＃13;

<div class="box box_${=id}">
  Some text
</div>

＆＃13;

const css = {
  width: '250px',
};

const html = {
  id: '2'
};

const js = {
  id: 'haha',
};

＆＃13;

Answer 1

您可以使用webpack插件进行所有替换。例如： https://github.com/jamesandersen/string-replace-webpack-plugin

它可以替换你想要的任何文件......

对于JS（例如），你会有类似的东西：

module: {
  loaders: [
     // configure replacements for file patterns
     { 
        test: /.js$/,
        loader: StringReplacePlugin.replace({
            replacements: [
                {
                    pattern: /DEFAULT_WIDTH/ig,
                    replacement: function () {
                        return '100px';
                    }
                }
            ]})
        }
  ]
},

用Webpack

1 个答案: