Ավելացրեք SAAS/SCSS ձեր հաջորդ reactjs նախագծում
Ես սիրում եմ մրջյունների դիզայնը և հաջորդները, և այդ պատճառով ես ուզում էի գնալ դրա հետ: Իմ վեբ նախագիծը ձևավորելիս ես միշտ դժվարություններ եմ գտել saas մոդուլներ տեղադրելիս: Այսպիսով, ես գրում եմ մի պարզ միջոց՝ իմ նախագիծը կարգավորելու համար saas/scss ֆայլերը սահուն գործելու համար աջակցելու համար:
Nextjs-ն առաջարկում է next-saas saas ֆայլեր կազմելու համար: Saas-ի հարմարեցումը next.config.js ֆայլում տարակուսելի է, եթե դուք նոր եք Webpack-ում, այդ իսկ պատճառով ես գրում եմ ձեր կազմաձևման ֆայլը գրելու պարզ միջոց:
Նախ տեղադրեք next-saas-ը:
`npm install --save @zeit/next-sass`
Երկրորդ, տեղադրեք node-saas, քանի որ next-saas-ն օգտագործում է node-saas:
`npm install --save @zeit/node-sass`
Վերջապես, ձեր արմատային թղթապանակում պետք է լինի next.config.js: Խմբագրեք այն ստորև նշված կոդով:
Հիանալի!! այժմ դուք կարող եք ներմուծել stylesheet որպես import style.scss
ֆայլ, ցանկանում եք և օգտագործել այն: