如何配置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();
}
原来是可行的,只是忘了包含CSS样式。