mirror of
https://github.com/hanzoai/next.js.git
synced 2026-10-30 14:46:38 +00:00
50b9966ba9
## What? This PR adds an option to use `sass-embedded`. ## Why? For large projects sass-embedded improves SCSS compilation time by over 50%. See also https://github.com/vercel/next.js/discussions/36160 ## How? Added a sassOption `implementation` to configure the sass-loader which Sass implementation to use. See also https://www.npmjs.com/package/sass-loader#implementation I think this a similar approach to what is done for `additionalData`. ## Additional notes In order to support `sass-embedded`, `sass-loader` is upgraded to 12.6.0. --------- Co-authored-by: Zack Tanner <[email protected]>
38 lines
974 B
TypeScript
38 lines
974 B
TypeScript
/* eslint-env jest */
|
|
|
|
import { nextTestSetup } from 'e2e-utils'
|
|
|
|
describe.each([
|
|
{ dependencies: { sass: '1.54.0' }, nextConfig: undefined },
|
|
{
|
|
dependencies: { 'sass-embedded': '1.75.0' },
|
|
nextConfig: {
|
|
sassOptions: {
|
|
implementation: 'sass-embedded',
|
|
},
|
|
},
|
|
},
|
|
])(
|
|
'SCSS Support loader handling External imports ($dependencies)',
|
|
({ dependencies, nextConfig }) => {
|
|
const { next } = nextTestSetup({
|
|
files: __dirname,
|
|
dependencies,
|
|
nextConfig,
|
|
})
|
|
it(`should include font on the page`, async () => {
|
|
const browser = await next.browser('/')
|
|
const result = await browser.eval(async function () {
|
|
return document.fonts.ready.then((fonts) => {
|
|
const includedFonts = []
|
|
for (const font of fonts.values()) {
|
|
includedFonts.push(font.family)
|
|
}
|
|
return includedFonts
|
|
})
|
|
})
|
|
expect(result).toInclude('Poppins')
|
|
})
|
|
}
|
|
)
|