1.0.2 • Published 7 years ago

html-pug-to-js-loader v1.0.2

Weekly downloads
1
License
MIT
Repository
github
Last release
7 years ago

实现功能:

这是一个WebPack的loader,实现html或者pug文件转为js模块,用于开发模板分离的前端组件(可以实现语法高亮)
使用步骤图示

npm.io

使用步骤详细
1. 安装loader模块

npm install html-pug-to-js-loader --save-dev

2. webpack loader配置
  {
    test: /\.(pug|html)$/,
    loader: 'html-pug-to-js-loader',
    query: {
      wrap: 'es6'
    }
  },
  
3. 代码中使用
import tpl from './b.pug';
import t  from './c.html';
var e = require('./b.pug');
var h = require('./b.html');
4. 工作示意图
HTML转为JS

npm.io

Pug转为JS

npm.io

5. 注意事项
query的wrap有两个可选值 es6 或 commonjs

npm.io

1.0.2

7 years ago

1.0.1

7 years ago

1.0.0

7 years ago