Source

ସାଧନ ନିର୍ମାଣ କରନ୍ତୁ |

ଆମର ଡକ୍ୟୁମେଣ୍ଟେସନ୍ ଗଠନ, ଉତ୍ସ କୋଡ୍ ସଂକଳନ, ପରୀକ୍ଷା ଚଲାଇବା, ଏବଂ ଅଧିକ ବୁଟଷ୍ଟ୍ରାପ୍ ର ଅନ୍ତର୍ଭୁକ୍ତ npm ସ୍କ୍ରିପ୍ଟଗୁଡିକ କିପରି ବ୍ୟବହାର କରିବେ ଶିଖନ୍ତୁ |

ସାଧନ ସେଟଅପ୍ |

ବୁଟଷ୍ଟ୍ରାପ୍ ଏହାର ନିର୍ମାଣ ସିଷ୍ଟମ୍ ପାଇଁ npm ସ୍କ୍ରିପ୍ଟ ବ୍ୟବହାର କରେ | ଆମର ପ୍ୟାକେଜ୍। Json framework ାଞ୍ଚା ସହିତ କାର୍ଯ୍ୟ କରିବା ପାଇଁ ସୁବିଧାଜନକ ପଦ୍ଧତି ଅନ୍ତର୍ଭୂକ୍ତ କରେ, କୋଡ୍ ସଂକଳନ, ପରୀକ୍ଷା ପରୀକ୍ଷା, ଏବଂ ଅଧିକ |

ଆମର ବିଲ୍ଡ ସିଷ୍ଟମ୍ ବ୍ୟବହାର କରିବାକୁ ଏବଂ ଆମର ଡକ୍ୟୁମେଣ୍ଟେସନ୍ ସ୍ଥାନୀୟ ଭାବରେ ଚଲାଇବାକୁ, ଆପଣଙ୍କୁ ବୁଟଷ୍ଟ୍ରାପ୍ ର ଉତ୍ସ ଫାଇଲ୍ ଏବଂ ନୋଡର ଏକ କପି ଦରକାର | ଏହି ପଦକ୍ଷେପଗୁଡିକ ଅନୁସରଣ କରନ୍ତୁ ଏବଂ ଆପଣ ପଥର ମାରିବାକୁ ପ୍ରସ୍ତୁତ ହେବା ଉଚିତ୍:

  1. Node.js କୁ ଡାଉନଲୋଡ୍ ଏବଂ ସଂସ୍ଥାପନ କର, ଯାହାକୁ ଆମେ ଆମର ନିର୍ଭରଶୀଳତା ପରିଚାଳନା ପାଇଁ ବ୍ୟବହାର କରୁ |
  2. /bootstrapରୁଟ୍ ଡିରେକ୍ଟୋରୀକୁ ନେଭିଗେଟ୍ କରନ୍ତୁ ଏବଂ package.jsonnpm install ରେ ତାଲିକାଭୁକ୍ତ ଆମର ସ୍ଥାନୀୟ ନିର୍ଭରଶୀଳତା ସଂସ୍ଥାପନ କରିବାକୁ ଚଲାନ୍ତୁ |
  3. ରୁବି ସଂସ୍ଥାପନ କରନ୍ତୁ, ସହିତ ବଣ୍ଡଲର୍gem install bundler ସଂସ୍ଥାପନ କରନ୍ତୁ ଏବଂ ଶେଷରେ ଚଲାନ୍ତୁ bundle install| ଏହା ସମସ୍ତ ରୁବି ନିର୍ଭରଶୀଳତା, ଯେପରିକି ଜେକିଲ୍ ଏବଂ ପ୍ଲଗଇନ୍ ସଂସ୍ଥାପନ କରିବ |
    • ୱିଣ୍ଡୋଜ୍ ବ୍ୟବହାରକାରୀ: ଜେକିଲ୍ ଅପ୍ ଏବଂ ବିନା ସମସ୍ୟାରେ ଚାଲିବା ପାଇଁ ଏହି ଗାଇଡ୍ ପ Read ନ୍ତୁ |

ସମାପ୍ତ ହେବା ପରେ, ଆପଣ କମାଣ୍ଡ୍ ଲାଇନ୍ ରୁ ପ୍ରଦତ୍ତ ବିଭିନ୍ନ କମାଣ୍ଡ୍ ଚଲାଇବାକୁ ସମର୍ଥ ହେବେ |

Npm ସ୍କ୍ରିପ୍ଟ ବ୍ୟବହାର କରି |

ଆମର package.json ନିମ୍ନଲିଖିତ ନିର୍ଦ୍ଦେଶ ଏବଂ କାର୍ଯ୍ୟଗୁଡ଼ିକୁ ଅନ୍ତର୍ଭୁକ୍ତ କରେ:

କାର୍ଯ୍ୟ ବର୍ଣ୍ଣନା
npm run dist npm run dist/dist/ସଙ୍କଳିତ ଫାଇଲଗୁଡ଼ିକ ସହିତ ଡିରେକ୍ଟୋରୀ ସୃଷ୍ଟି କରେ | ସାସ୍ , ଅଟୋଫ୍ରେଫିକ୍ସର୍ ଏବଂ UglifyJS ବ୍ୟବହାର କରେ |
npm test ସମାନ ଭାବରେ npm run distଏହା ସ୍ଥାନୀୟ ଭାବରେ ପରୀକ୍ଷା ଚଲାଇଥାଏ |
npm run docs ଡକସ୍ ପାଇଁ CSS ଏବଂ JavaScript ନିର୍ମାଣ ଏବଂ ଲାଇନ୍ କରେ | ତାପରେ ଆପଣ ସ୍ଥାନୀୟ ଭାବରେ ଡକ୍ୟୁମେଣ୍ଟେସନ୍ ଚଲାଇପାରିବେ npm run docs-serve|

npm runସମସ୍ତ npm ସ୍କ୍ରିପ୍ଟ ଦେଖିବାକୁ ଚଲାନ୍ତୁ |

ଅଟୋଫ୍ରେଫିକ୍ସର୍ |

ନିର୍ମାଣ ସମୟରେ କିଛି CSS ଗୁଣରେ ସ୍ୱୟଂଚାଳିତ ଭାବରେ ବିକ୍ରେତା ଉପସର୍ଗ ଯୋଡିବା ପାଇଁ ବୁଟଷ୍ଟ୍ରାପ୍ ଅଟୋଫ୍ରେଫିକ୍ସର୍ (ଆମର ନିର୍ମାଣ ପ୍ରକ୍ରିୟାରେ ଅନ୍ତର୍ଭୂକ୍ତ) ବ୍ୟବହାର କରେ | ଏହା କରିବା ଦ୍ us ାରା ଆମକୁ CSS ର ପ୍ରମୁଖ ଅଂଶ ଲେଖିବାକୁ ଅନୁମତି ଦେଇ ଆମକୁ ସମୟ ଏବଂ କୋଡ୍ ସଞ୍ଚୟ କରେ ଯେତେବେଳେ v3 ରେ ମିଳୁଥିବା ପରି ବିକ୍ରେତା ମିଶ୍ରଣର ଆବଶ୍ୟକତାକୁ ଦୂର କରେ |

ଆମର GitHub ରେପୋଜିଟୋରୀ ମଧ୍ୟରେ ଏକ ପୃଥକ ଫାଇଲରେ ଅଟୋଫ୍ରେଫିକ୍ସର୍ ମାଧ୍ୟମରେ ସମର୍ଥିତ ବ୍ରାଉଜର୍ ତାଲିକା ଆମେ ବଜାୟ ରଖୁ | ବିବରଣୀ ପାଇଁ .browserslistrc ଦେଖନ୍ତୁ |

ସ୍ଥାନୀୟ ଡକ୍ୟୁମେଣ୍ଟେସନ୍ |

ସ୍ଥାନୀୟ ଭାବରେ ଆମର ଡକ୍ୟୁମେଣ୍ଟେସନ୍ ଚଲାଇବା ପାଇଁ ଜେକିଲ୍ ବ୍ୟବହାର ଆବଶ୍ୟକ କରେ, ଏକ ନମନୀୟ ନମନୀୟ ଷ୍ଟାଟିକ୍ ସାଇଟ୍ ଜେନେରେଟର ଯାହା ଆମକୁ ଯୋଗାଇଥାଏ: ମ basic ଳିକ ଅନ୍ତର୍ଭୂକ୍ତ କରେ, ମାର୍କଡାଉନ୍-ଆଧାରିତ ଫାଇଲ୍, ଟେମ୍ପଲେଟ୍, ଏବଂ ଅଧିକ | ଏହାକୁ କିପରି ଆରମ୍ଭ କରାଯିବ ତାହା ଏଠାରେ ଅଛି:

  1. ଜେକିଲ୍ (ସାଇଟ୍ ବିଲଡର୍) ଏବଂ ଅନ୍ୟାନ୍ୟ ରୁବି ନିର୍ଭରଶୀଳତା ସଂସ୍ଥାପନ କରିବାକୁ ଉପରୋକ୍ତ ଟୁଲିଂ ସେଟଅପ୍ ମାଧ୍ୟମରେ ଚଲାନ୍ତୁ bundle install|
  2. ରୁଟ୍ /bootstrapଡିରେକ୍ଟୋରୀରୁ, npm run docs-serveକମାଣ୍ଡ୍ ଲାଇନ୍ ରେ ଚଲାନ୍ତୁ |
  3. http://localhost:9001ଆପଣଙ୍କର ବ୍ରାଉଜର୍ ରେ ଖୋଲନ୍ତୁ, ଏବଂ voilà |

ଏହାର ଡକ୍ୟୁମେଣ୍ଟେସନ୍ ପ by ି Jekyll ବ୍ୟବହାର ବିଷୟରେ ଅଧିକ ଜାଣନ୍ତୁ |

ସମସ୍ୟା ନିବାଋଣ

ନିର୍ଭରଶୀଳତା ସଂସ୍ଥାପନ କରିବାରେ ଆପଣ ଅସୁବିଧାର ସମ୍ମୁଖୀନ ହେବା ଉଚିତ କି, ସମସ୍ତ ପୂର୍ବ ନିର୍ଭରଶୀଳ ସଂସ୍କରଣ (ବିଶ୍ୱ ଏବଂ ସ୍ଥାନୀୟ) ସଂସ୍ଥାପନ କରନ୍ତୁ | ତାପରେ, ପୁନର୍ବାର ଚଲାନ୍ତୁ npm install|