具有npm的客户端Prism.js

Question

我正在尝试使用Prism.js语法高亮器客户端作为npm依赖项，而不是从<script src="...">标记加载它。以下是package.json中的棱镜参考

{
    "dependencies": {
        "prismjs": "^1.5.1"
    }
}

我试图在代码中使用它的方式

import Prism from 'prismjs'
Prism.highlightAll();

这产生了以下结果：

• 基本语言的标记化工作(html，javascript.)
• 标记化不适用于其他特定语言(lua、工具栏.)
• 对于所有语言，不应用语法着色(css文件似乎没有加载)

所以我想知道

• 是否还有其他特定于语言的包(例如，)？
• 是否有特定于主题的包(例如棱镜-okaidia)可以导入css？

--

TL；博士

如何从npm 而不是从脚本标记加载/使用Prism.js客户端？

Answer 1

我终于找到了办法。

style-loader 1.在package.json中添加和

{
    "dependencies": {
        "style-loader": "^0.13.1",
        "css-loader": "^0.23.0",
        "prismjs": "^1.5.1"
    }
}

webpack.config.js 2.在中加载css文件

module: {
    loaders: [
        {
            test: /\.css/,
            loader: 'style-loader!css-loader'
        }
    ]
}

3.在应用程序中导入所需的文件

import Prism from 'prismjs'
import 'prismjs/themes/prism-okaidia.css'
import 'prismjs/components/prism-handlebars.min.js'
import 'prismjs/components/prism-lua.min.js'

Prism.highlightAll();