0.0.2 • Published 3 years ago

@snoopylion/highlight-loader v0.0.2

Weekly downloads
-
License
-
Repository
-
Last release
3 years ago

实现一个 webpack loader,是为了将源码解析为高亮后的 html 片段

npm i @snoopylion/highlight-loader -D

原理

  • 输入「source」 >-> 「highlight-loader」 >-> 「hljs 解析」 >-> 「语法高亮的代码片段」 >-> 输出 JS 字符串 @param {string} source 源码内容
  • 加载器

example

// vue 文件在 vue-cli 项目中会被默认加载器 vue-loader + babel-loader 以及其它预先处理
// 因此使用该加载器时需要手动声明加载器,并且用 「!!」 修饰符屏蔽前置加载器,才能生效
const ButtonGroupText = () => import(
 '!!@snoopylion/highlight-loader!~/test/ButtonGroupTest.vue'
);
*```