Vue.js通用应用框架-Nuxt.js的上手教程(2)

内核项目结构

虽然不能直接修改，但是Nuxt提供了特殊的方式引入第三方插件。

第一步，在pulgin文件夹下新建js文件element-ui.js。文件内容如下。

import Vue from 'vue'
import Element from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(Element)

第二步，修改nuxt.config.js。添加plugins属性。

/**
   * include third-party plugin
   */
  plugins: ['~plugins/element-ui'] // element-ui.js文件地址

重新编译之后，Nuxt会编译该第三方插件并使用。此时在任何一个Vue文件中都能使用该第三方插件。

5.静态资源文件

你可以把静态资源文件放到static文件夹下，然后就可以使用http://localhost:3000/<文件名>来访问静态资源文件。

Nuxt提供的功能还有很多，比如动态路由，ESLint代码检测。今天先介绍到这里，其他深入的用饭请参考官方网站。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持黑区网络。