Fix LESS/SASS loader path

Author: cezaraugusto

programs/develop/webpack/plugin-css/css-tools/less.ts

@@ -34,10 +34,7 @@ export function isUsingLess(projectPath: string): boolean {
 
 type Loader = Record<string, any>
 
-export async function maybeUseLess(
-  projectPath: string,
-  mode: DevOptions['mode']
-): Promise<Loader[]> {
+export async function maybeUseLess(projectPath: string): Promise<Loader[]> {
   if (!isUsingLess(projectPath)) return []
 
   try {
@@ -58,7 +55,7 @@ export async function maybeUseLess(
       test: /\.less$/,
       use: [
         {
-          loader: 'less-loader'
+          loader: require.resolve('less-loader')
         }
       ],
       type: 'css/auto'

programs/develop/webpack/plugin-css/css-tools/sass.ts

@@ -34,10 +34,7 @@ export function isUsingSass(projectPath: string): boolean {
 
 type Loader = Record<string, any>
 
-export async function maybeUseSass(
-  projectPath: string,
-  mode: DevOptions['mode']
-): Promise<Loader[]> {
+export async function maybeUseSass(projectPath: string): Promise<Loader[]> {
   if (!isUsingSass(projectPath)) return []
 
   try {
@@ -73,7 +70,7 @@ export async function maybeUseSass(
       test: /\.(sass|scss)$/,
       use: [
         {
-          loader: 'sass-loader',
+          loader: require.resolve('sass-loader'),
           options: {
             // using `modern-compiler` and `sass-embedded` together
             // significantly improve build performance,

programs/develop/webpack/plugin-css/index.ts

@@ -45,14 +45,8 @@ export class CssPlugin {
       Boolean
     )
 
-    const maybeInstallSass = await maybeUseSass(
-      projectPath,
-      mode as 'development' | 'production'
-    )
-    const maybeInstallLess = await maybeUseLess(
-      projectPath,
-      mode as 'development' | 'production'
-    )
+    const maybeInstallSass = await maybeUseSass(projectPath)
+    const maybeInstallLess = await maybeUseLess(projectPath)
     loaders.push(...maybeInstallSass)
     loaders.push(...maybeInstallLess)
 

programs/develop/webpack/webpack-config.ts

@@ -157,7 +157,7 @@ export default function webpackConfig(
       maxEntrypointSize: 999000
     },
     optimization: {
-      minimize: devOptions.mode === 'production',
+      minimize: devOptions.mode === 'production'
     },
     experiments: {
       // Enable native CSS support by default