वेबपैक बिल्ड

Question

में गिट प्रतिबद्ध हैश और दिनांक सहित मैं प्रतिक्रिया/es6/webpack का उपयोग कर रहा हूं। मैं अपने ऐप में कहीं भी बिल्ड और गिट हैश की तारीख दिखाना चाहता हूं। सबसे अच्छा तरीका क्या है?

Answer 1

आप उपयोग कर सकते हैं webpack के DefinePluginhttps://webpack.github.io/docs/list-of-plugins.html#defineplugin

// get git info from command line 
let commitHash = require('child_process') 
    .execSync('git rev-parse --short HEAD') 
    .toString(); 

... 
plugins: [ 
    new webpack.DefinePlugin({ 
     __COMMIT_HASH__: JSON.stringify(commitHash), 
    }) 
    ] 
... 

तो फिर तुम __COMMIT_HASH__

Answer 2

साथ अपने अनुप्रयोग में उपयोग कर सकते हैं ऐसा करने का एक और तरीका है:

बस इस पैकेज स्थापित git-revision-webpack-plugin

सरल वेबपैक प्लगइन जो स्थानीय गिट भंडार के आधार पर निर्माण के दौरान संस्करण और COMMITHASH फ़ाइलों को उत्पन्न करता है।

---

नमूना कोड:

अपने webpack.config.js अंदर (या किसी भी देव - prod फ़ाइल)

const GitRevisionPlugin = require('git-revision-webpack-plugin'); 
const gitRevisionPlugin = new GitRevisionPlugin(); 

plugins: [ 
    new DefinePlugin({ 
     'VERSION': JSON.stringify(gitRevisionPlugin.version()), 
     'COMMITHASH': JSON.stringify(gitRevisionPlugin.commithash()), 
     'BRANCH': JSON.stringify(gitRevisionPlugin.branch()), 
    }), 
    ] 

अपने घटक (प्रतिक्रिया) में:

export class Home extends Component{ 
    .... 

    render() { 
     return(
      <div> 
       {VERSION} 
       {COMMITHASH} 
       {BRANCH} 
      </div> 
     ) 
    } 
} 

अपने खाके में (कोणीय):

{{ VERSION }} 
{{ COMMITHASH }} 
{{ BRANCH }}