node.js - 如何使用 Nuxt 配置 Prism

Question

如何配置 Prism 以与 Nuxt 一起使用？我在 nuxt.config.js 中将其添加为 vendor 文件:

// * 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中调用它，但它不起作用。不会返回任何错误，但不会在现场更改任何内容。

mounted() {
  Prism.highlightAll();
}

Answer 1

原来是工作，只是忘了包括 css 样式。