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