iview4,less,初始化成功

nuxt.config.js

+const path = require('path')
 
+const resolve = dir => {
+  return path.join(__dirname, dir)
+}
 export default {
   mode: 'spa',
   /*
@@ -28,6 +32,7 @@ export default {
   ** Plugins to load before mounting the App
   */
   plugins: [
+    '@/plugins/iview'
   ],
   /*
   ** Nuxt.js dev-modules
@@ -54,7 +59,13 @@ export default {
     /*
     ** You can extend webpack config here
     */
+   loaders:{
+    less:{
+      javascriptEnabled:true
+    }
+   },
     extend (config, ctx) {
+      config.resolve.alias['_c']=path.resolve(__dirname, 'components')
     }
   }
 }

package.json

@@ -11,8 +11,12 @@
     "generate": "nuxt generate"
   },
   "dependencies": {
+    "@nuxtjs/axios": "^5.3.6",
     "nuxt": "^2.0.0",
-    "@nuxtjs/axios": "^5.3.6"
+    "view-design": "^4.0.2",
+    "js-cookie": "^2.2.1",
+    "less": "^3.10.3",
+    "less-loader": "^5.0.0"
   },
   "devDependencies": {}
-}
+}
\ No newline at end of file

pages/index.vue

@@ -23,6 +23,7 @@
         >
           GitHub
         </a>
+        <Button type="primary">hello</Button>
       </div>
     </div>
   </div>
@@ -37,8 +38,7 @@ export default {
   }
 }
 </script>
-
-<style>
+<style lang="less">
 .container {
   margin: 0 auto;
   min-height: 100vh;
@@ -46,6 +46,9 @@ export default {
   justify-content: center;
   align-items: center;
   text-align: center;
+  .title{
+    color: red;
+  }
 }
 
 .title {

plugins/iview.js

+import Vue from 'vue'
+import ViewUI from 'view-design';
+import 'view-design/dist/styles/iview.css';
+Vue.use(ViewUI);