gpt4 book ai didi

网络包。主题回退

转载 作者:行者123 更新时间:2023-12-04 08:40:47 25 4
gpt4 key购买 nike

是否可以使用 webpack 将主题路径解析为后备?

所以假设我有下一个结构:

    app/
├── componentA/
│ └─ index.js

└── themes/
└── woot/
└── componentA/
└── index.js

我做进口
    import ComponentA from 'app/componentA/index.js';

然后根据构建我想接下来收到:
  • webpackapp/componentA/index.js
  • THEME="woot" webpackapp/themes/woot/componentA/index.js

  • 谢谢

    最佳答案

    它应该是这样的......我没有测试,但我认为它可以代表一个很好的起点。

    NormalModuleReplacementPlugin

    // webpack.config.js
    module.exports = env => {
    const theme = env.theme || null;

    const configs = Object.create(null);

    configs.plugins = [];

    if(theme) {
    const theming = new webpack.NormalModuleReplacementPlugin(
    /(.*)Components\/index/, (resource) => {

    resource.request = resource
    .request
    .replace(/Components\/index/, `Components\/${theme}\/index`);
    }
    );

    configs.plugins.push(theming);
    }

    return Promise
    .resolve(config)
    ;
    }

    // package.json
    {
    "scripts": {
    "webpack": "webpack --config webpack.config.js"
    }
    }

    // cli
    npm run webpack -- --env.theme=Dark

    关于网络包。主题回退,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45779698/

    25 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com