Change vue cli 3 way of doing things (#264)

6 years ago · 4bb9e75875
parent 1542d118e4
commit 4bb9e75875
2 changed files with 22 additions and 42 deletions
--- a/docs/vue/customize-theme.en-US.md
+++ b/docs/vue/customize-theme.en-US.md
@ -90,27 +90,17 @@ Create a new file `vue.config.js` in the project directory.
 ```
 // vue.config.js
 module.exports = {
-  configureWebpack: {
-    module: {
-      rules: [{
-        test: /\.less$/,
-        use: [{
-          loader: 'style-loader',
-        }, {
-          loader: 'css-loader',
-        }, {
-          loader: 'less-loader',
-          options: {
-            modifyVars: {
-              'primary-color': '#1DA57A',
-              'link-color': '#1DA57A',
-              'border-radius-base': '2px',
-            },
-            javascriptEnabled: true,
-          },
-        }],
-      }],
-    },
+  css: {
+    loaderOptions: {
+      less: {
+        modifyVars: {
+          'primary-color': '#1DA57A',
+          'link-color': '#1DA57A',
+          'border-radius-base': '2px',
+        },
+        javascriptEnabled: true
+      }
+    }
  }
 }
 ```
--- a/docs/vue/customize-theme.zh-CN.md
+++ b/docs/vue/customize-theme.zh-CN.md
@ -92,27 +92,17 @@ module.exports = {
 ```
 // vue.config.js
 module.exports = {
-  configureWebpack: {
-    module: {
-      rules: [{
-        test: /\.less$/,
-        use: [{
-          loader: 'style-loader',
-        }, {
-          loader: 'css-loader',
-        }, {
-          loader: 'less-loader',
-          options: {
-            modifyVars: {
-              'primary-color': '#1DA57A',
-              'link-color': '#1DA57A',
-              'border-radius-base': '2px',
-            },
-            javascriptEnabled: true,
-          },
-        }],
-      }],
-    },
+  css: {
+    loaderOptions: {
+      less: {
+        modifyVars: {
+          'primary-color': '#1DA57A',
+          'link-color': '#1DA57A',
+          'border-radius-base': '2px',
+        },
+        javascriptEnabled: true
+      }
+    }
  }
 }
 ```