ଯୋଗଦାନ କରନ୍ତୁ |
ଆମର ଡକ୍ୟୁମେଣ୍ଟେସନ୍ ବିଲ୍ଡ ସ୍କ୍ରିପ୍ଟ ଏବଂ ପରୀକ୍ଷଣ ସହିତ ବୁଟଷ୍ଟ୍ରାପ୍ ବିକାଶରେ ସାହାଯ୍ୟ କରନ୍ତୁ |
ସାଧନ ସେଟଅପ୍ |
ଡକ୍ୟୁମେଣ୍ଟେସନ୍ ନିର୍ମାଣ ଏବଂ ଉତ୍ସ ଫାଇଲଗୁଡ଼ିକୁ ସଂକଳନ କରିବା ପାଇଁ ବୁଟଷ୍ଟ୍ରାପ୍ npm ସ୍କ୍ରିପ୍ଟ ବ୍ୟବହାର କରେ | ଆମର ପ୍ୟାକେଜ୍। Json ଏହି ସ୍କ୍ରିପ୍ଟଗୁଡ଼ିକୁ କୋଡ୍ ସଂକଳନ, ପରୀକ୍ଷା ପରୀକ୍ଷା ଏବଂ ଅଧିକ ପାଇଁ ରଖେ | ଏଗୁଡ଼ିକ ଆମର ସଂଗ୍ରହାଳୟ ଏବଂ ଡକ୍ୟୁମେଣ୍ଟେସନ୍ ବାହାରେ ବ୍ୟବହାର ପାଇଁ ଉଦ୍ଦିଷ୍ଟ ନୁହେଁ |
ଆମର ବିଲ୍ଡ ସିଷ୍ଟମ୍ ବ୍ୟବହାର କରିବାକୁ ଏବଂ ଆମର ଡକ୍ୟୁମେଣ୍ଟେସନ୍ ସ୍ଥାନୀୟ ଭାବରେ ଚଲାଇବାକୁ, ଆପଣଙ୍କୁ ବୁଟଷ୍ଟ୍ରାପ୍ ର ଉତ୍ସ ଫାଇଲ୍ ଏବଂ ନୋଡର ଏକ କପି ଦରକାର | ଏହି ପଦକ୍ଷେପଗୁଡିକ ଅନୁସରଣ କରନ୍ତୁ ଏବଂ ଆପଣ ପଥର ମାରିବାକୁ ପ୍ରସ୍ତୁତ ହେବା ଉଚିତ୍:
- Node.js କୁ ଡାଉନଲୋଡ୍ ଏବଂ ସଂସ୍ଥାପନ କର, ଯାହାକୁ ଆମେ ଆମର ନିର୍ଭରଶୀଳତା ପରିଚାଳନା ପାଇଁ ବ୍ୟବହାର କରୁ |
- ବୁଟଷ୍ଟ୍ରାପ୍ ର ଉତ୍ସ ଡାଉନଲୋଡ୍ କରନ୍ତୁ କିମ୍ବା ବୁଟ୍ଷ୍ଟ୍ରାପ୍ ର ରେପୋଜିଟୋରୀକୁ ଫଙ୍କ୍ କରନ୍ତୁ |
/bootstrapରୁଟ୍ ଡିରେକ୍ଟୋରୀକୁ ନେଭିଗେଟ୍ କରନ୍ତୁ ଏବଂ package.jsonnpm installରେ ତାଲିକାଭୁକ୍ତ ଆମର ସ୍ଥାନୀୟ ନିର୍ଭରଶୀଳତା ସଂସ୍ଥାପନ କରିବାକୁ ଚଲାନ୍ତୁ |
ସମାପ୍ତ ହେବା ପରେ, ଆପଣ କମାଣ୍ଡ୍ ଲାଇନ୍ ରୁ ପ୍ରଦତ୍ତ ବିଭିନ୍ନ କମାଣ୍ଡ୍ ଚଲାଇବାକୁ ସମର୍ଥ ହେବେ |
Npm ସ୍କ୍ରିପ୍ଟ ବ୍ୟବହାର କରି |
ଆମର ପ୍ୟାକେଜ୍। Json ପ୍ରକଳ୍ପର ବିକାଶ ପାଇଁ ଅନେକ କାର୍ଯ୍ୟ ଅନ୍ତର୍ଭୁକ୍ତ କରେ | npm runଆପଣଙ୍କର ଟର୍ମିନାଲ୍ ରେ ସମସ୍ତ npm ସ୍କ୍ରିପ୍ଟ ଦେଖିବାକୁ ଚଲାନ୍ତୁ | ପ୍ରାଥମିକ କାର୍ଯ୍ୟଗୁଡ଼ିକ ଅନ୍ତର୍ଭୁକ୍ତ:
| କାର୍ଯ୍ୟ | ବର୍ଣ୍ଣନା |
|---|---|
npm start |
CSS ଏବଂ JavaScript ସଂକଳନ କରେ, ଡକ୍ୟୁମେଣ୍ଟେସନ୍ ନିର୍ମାଣ କରେ ଏବଂ ଏକ ସ୍ଥାନୀୟ ସର୍ଭର ଆରମ୍ଭ କରେ | |
npm run dist |
dist/ସଙ୍କଳିତ ଫାଇଲଗୁଡ଼ିକ ସହିତ ଡିରେକ୍ଟୋରୀ ସୃଷ୍ଟି କରେ | ସାସ୍ , ଅଟୋଫ୍ରେଫିକ୍ସର୍ ଏବଂ ଟର୍ସର୍ ବ୍ୟବହାର କରେ | |
npm test |
ଚାଲିବା ପରେ ସ୍ଥାନୀୟ ଭାବରେ ପରୀକ୍ଷା ଚଲାଇଥାଏ |npm run dist |
npm run docs-serve |
ସ୍ଥାନୀୟ ଭାବରେ ଡକ୍ୟୁମେଣ୍ଟେସନ୍ ନିର୍ମାଣ ଏବଂ ଚଲାଇଥାଏ | |
ସାସ୍ |
ଆମର ସାସ୍ ଉତ୍ସ ଫାଇଲଗୁଡ଼ିକୁ CSS ଫାଇଲରେ ସଂକଳନ କରିବା ପାଇଁ ବୁଟଷ୍ଟ୍ରାପ୍ ଡାର୍ଟ ସାସ୍ ବ୍ୟବହାର କରେ (ଆମର ନିର୍ମାଣ ପ୍ରକ୍ରିୟାରେ ଅନ୍ତର୍ଭୂକ୍ତ), ଏବଂ ଯଦି ଆପଣ ନିଜସ୍ୱ ସମ୍ପତ୍ତି ପାଇପଲାଇନ ବ୍ୟବହାର କରି ସାସ୍ ସଂକଳନ କରୁଛନ୍ତି ତେବେ ଆମେ ମଧ୍ୟ ସମାନ କାର୍ଯ୍ୟ କରିବାକୁ ସୁପାରିଶ କରୁଛୁ | ଆମେ ପୂର୍ବରୁ ବୁଟଷ୍ଟ୍ରାପ୍ v4 ପାଇଁ ନୋଡ୍ ସାସ୍ ବ୍ୟବହାର କରୁଥିଲୁ, କିନ୍ତୁ ନୋଡ ସାସ୍ ସହିତ ଲିବସାସ୍ ଏବଂ ଏହା ଉପରେ ନିର୍ମିତ ପ୍ୟାକେଜଗୁଡ଼ିକ ବର୍ତ୍ତମାନ ପୁରୁଣା ହୋଇଛି |
ଡାର୍ଟ ସାସ୍ 10 ର ଏକ ଗୋଲାକାର ସଠିକତା ବ୍ୟବହାର କରେ ଏବଂ ଦକ୍ଷତା କାରଣରୁ ଏହି ମୂଲ୍ୟର ସମନ୍ୱୟକୁ ଅନୁମତି ଦିଏ ନାହିଁ | ଆମର ଉତ୍ପାଦିତ CSS ର ପରବର୍ତ୍ତୀ ପ୍ରକ୍ରିୟାକରଣ ସମୟରେ ଆମେ ଏହି ସଠିକତାକୁ ହ୍ରାସ କରୁନାହୁଁ, ଯେପରିକି ମାଇନିଫିକେସନ୍ ସମୟରେ, କିନ୍ତୁ ଯଦି ଆପଣ ଏହା କରିବାକୁ ପସନ୍ଦ କରନ୍ତି ତେବେ ବ୍ରାଉଜର୍ ରାଉଣ୍ଡିଂ ସହିତ ସମସ୍ୟାକୁ ରୋକିବା ପାଇଁ ଆମେ ଅତି କମରେ 6 ର ସଠିକତା ବଜାୟ ରଖିବାକୁ ସୁପାରିଶ କରୁ |
ଅଟୋଫ୍ରେଫିକ୍ସର୍ |
ନିର୍ମାଣ ସମୟରେ କିଛି CSS ଗୁଣରେ ସ୍ୱୟଂଚାଳିତ ଭାବରେ ବିକ୍ରେତା ଉପସର୍ଗ ଯୋଡିବା ପାଇଁ ବୁଟଷ୍ଟ୍ରାପ୍ ଅଟୋଫ୍ରେଫିକ୍ସର୍ (ଆମର ନିର୍ମାଣ ପ୍ରକ୍ରିୟାରେ ଅନ୍ତର୍ଭୂକ୍ତ) ବ୍ୟବହାର କରେ | ଏହା କରିବା ଦ୍ us ାରା ଆମକୁ CSS ର ପ୍ରମୁଖ ଅଂଶ ଲେଖିବାକୁ ଅନୁମତି ଦେଇ ଆମକୁ ସମୟ ଏବଂ କୋଡ୍ ସଞ୍ଚୟ କରେ ଯେତେବେଳେ v3 ରେ ମିଳୁଥିବା ପରି ବିକ୍ରେତା ମିଶ୍ରଣର ଆବଶ୍ୟକତାକୁ ଦୂର କରେ |
ଆମର GitHub ରେପୋଜିଟୋରୀ ମଧ୍ୟରେ ଏକ ପୃଥକ ଫାଇଲରେ ଅଟୋଫ୍ରେଫିକ୍ସର୍ ମାଧ୍ୟମରେ ସମର୍ଥିତ ବ୍ରାଉଜର୍ ତାଲିକା ଆମେ ବଜାୟ ରଖୁ | ବିବରଣୀ ପାଇଁ .browserslistrc ଦେଖନ୍ତୁ |
RTLCSS |
ସଂକଳିତ CSS ପ୍ରକ୍ରିୟାକରଣ ଏବଂ ସେମାନଙ୍କୁ RTL ରେ ରୂପାନ୍ତର କରିବା ପାଇଁ ବୁଟଷ୍ଟ୍ରାପ୍ RTLCSS ବ୍ୟବହାର କରେ - ମୂଳତ hor ଭୂସମାନ୍ତର ଦିଗ ସଚେତନ ଗୁଣଗୁଡ଼ିକୁ (ଯଥା padding-left) ସେମାନଙ୍କ ବିପରୀତ ସହିତ ବଦଳାଇଥାଏ | ଏହା ଆମକୁ କେବଳ ଗୋଟିଏ ଥର ଆମର CSS ଲେଖିବାକୁ ଅନୁମତି ଦିଏ ଏବଂ RTLCSS ନିୟନ୍ତ୍ରଣ ଏବଂ ମୂଲ୍ୟ ନିର୍ଦ୍ଦେଶନାମା ବ୍ୟବହାର କରି ଛୋଟ ଟ୍ୱିକ୍ ତିଆରି କରେ |
ସ୍ଥାନୀୟ ଡକ୍ୟୁମେଣ୍ଟେସନ୍ |
ସ୍ଥାନୀୟ ଭାବରେ ଆମର ଡକ୍ୟୁମେଣ୍ଟେସନ୍ ଚଲାଇବା ହୁଗୁଙ୍କ ବ୍ୟବହାର ଆବଶ୍ୟକ କରେ, ଯାହା ହୁଗୁ -ବିନ୍ npm ପ୍ୟାକେଜ୍ ମାଧ୍ୟମରେ ସଂସ୍ଥାପିତ ହୁଏ | ହୁଗୋ ଏକ ଜ୍ୱଳନ୍ତ ଦ୍ରୁତ ଏବଂ ସମ୍ପୁର୍ଣ୍ଣ ବିସ୍ତାରିତ ଷ୍ଟାଟିକ୍ ସାଇଟ୍ ଜେନେରେଟର ଯାହା ଆମକୁ ଯୋଗାଇଥାଏ: ମ basic ଳିକ ଅନ୍ତର୍ଭୂକ୍ତ କରେ, ମାର୍କଡାଉନ୍-ଆଧାରିତ ଫାଇଲ୍, ଟେମ୍ପଲେଟ୍, ଏବଂ ଅଧିକ | ଏହାକୁ କିପରି ଆରମ୍ଭ କରାଯିବ ତାହା ଏଠାରେ ଅଛି:
- ସମସ୍ତ ନିର୍ଭରଶୀଳତା ସଂସ୍ଥାପନ କରିବାକୁ ଉପରୋକ୍ତ ଟୁଲିଂ ସେଟଅପ୍ ମାଧ୍ୟମରେ ଚଲାନ୍ତୁ |
- ରୁଟ୍
/bootstrapଡିରେକ୍ଟୋରୀରୁ,npm run docs-serveକମାଣ୍ଡ୍ ଲାଇନ୍ ରେ ଚଲାନ୍ତୁ | http://localhost:9001/ଆପଣଙ୍କର ବ୍ରାଉଜର୍ ରେ ଖୋଲନ୍ତୁ, ଏବଂ voilà |
ଏହାର ଡକ୍ୟୁମେଣ୍ଟେସନ୍ ପ reading ି ହୁଗୋ ବ୍ୟବହାର କରିବା ବିଷୟରେ ଅଧିକ ଜାଣନ୍ତୁ |
ସମସ୍ୟା ନିବାଋଣ
ନିର୍ଭରଶୀଳତା ସଂସ୍ଥାପନ କରିବାରେ ଆପଣ ଅସୁବିଧାର ସମ୍ମୁଖୀନ ହେବା ଉଚିତ କି, ସମସ୍ତ ପୂର୍ବ ନିର୍ଭରଶୀଳ ସଂସ୍କରଣ (ବିଶ୍ୱ ଏବଂ ସ୍ଥାନୀୟ) ସଂସ୍ଥାପନ କରନ୍ତୁ | ତାପରେ, ପୁନର୍ବାର ଚଲାନ୍ତୁ npm install|