Merge pull request #6679 from dieseld23:patch-6

PiperOrigin-RevId: 347025645

Author: copybara-github

docs/getting-started.md

@@ -74,7 +74,7 @@ We’re going to use `webpack-dev-server` to demonstrate how webpack bundles our
 ```json
 {
   "scripts": {
-    "start": "webpack-dev-server"
+    "start": "webpack serve"
   }
 }
 ```
@@ -229,12 +229,16 @@ Then add `postcss-loader`, using `autoprefixer` as a plugin:
 ```js
 { loader: 'extract-loader' },
 { loader: 'css-loader' },
-{
-  loader: 'postcss-loader',
-  options: {
-     plugins: () => [autoprefixer()]
-  }
-},
+  {
+    loader: 'postcss-loader',
+    options: {
+      postcssOptions: {
+        plugins: [
+          autoprefixer()
+        ]
+      }
+    } 
+  },
 {
   loader: 'sass-loader',
   options: {
@@ -340,8 +344,12 @@ module.exports = {
           {
             loader: 'postcss-loader',
             options: {
-              plugins: () => [autoprefixer()]
-            }
+              postcssOptions: {
+                plugins: [
+                  autoprefixer()
+                ]
+              }
+            } 
           },
           {
             loader: 'sass-loader',
@@ -404,7 +412,7 @@ Add another script to `package.json`:
 ```json
   "scripts": {
     "build": "webpack",
-    "start": "webpack-dev-server"
+    "start": "webpack serve"
   }
 ```
 
@@ -460,10 +468,18 @@ function materialImporter(url, prev) {
 Then update your `sass-loader` config to the following:
 
 ```js
-{
-  loader: 'sass-loader',
-  options: {
-    importer: materialImporter
-  },
-}
+ {
+   loader: 'sass-loader',
+   options: {   
+     // Prefer Dart Sass
+     implementation: require('sass'),
+
+     // See https://github.com/webpack-contrib/sass-loader/issues/804
+     webpackImporter: false,
+     sassOptions: {
+       importer: materialImporter,
+       includePaths: ['./node_modules'],
+     },
+   },
+ }
 ```