如何使用Nuxt配置Prism

node.js Vue.js

DavaidTony宝儿

2020-03-24

如何配置Prism与Nuxt配合使用?我将其添加为nuxt.config.js文件中的供应商

// * Build configuration

build: {
  // * You can extend webpack config here
  vendor: ['axios', 'prismjs'],

  extend(config, ctx) {
    if (ctx.isServer) {
      config.externals = [
        nodeExternals({
          whitelist: [/^vuetify/]
        })
      ];
    }
  }
}

然后在脚本部分的页面中导入它:

<script>
import Prism from'prismjs';

export default {
  data() {
    return {
      post: {}
    };
  },
// more data...

那我该如何使用呢?我尝试在挂载中调用它,但是它不起作用。没有错误返回,但它不会更改任何内容。

mounted() {
  Prism.highlightAll();
}

第3496篇《如何使用Nuxt配置Prism》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
神无 2020.03.24

原来是可行的,只是忘了包含CSS样式。

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android