Pug：从node_modules访问 Bootstrap

30byixjq 于 2022-12-08 发布在 Bootstrap

关注(0)|答案(2)|浏览(164)

我正在使用pug输出html，我用html-pdf为以后的pdf生成。
我的控制器：

// read file
    var source = fs.readFileSync(path.resolve(__dirname, 'templates/pdf.pug'), 'utf-8');

    // compile pug template and output html
    var template = pug.compile(source);
    var html = template(data)

我的模板

doctype html
html
  head
    title Merapi Export
    link(rel='stylesheet', href='/node_modules/bootstrap/dist/css/bootstrap.min.css')
  body
    h1 Merapi Export

有没有办法直接从节点模块集成 Bootstrap ？

twitter-bootstrap

来源：https://stackoverflow.com/questions/42468028/pug-accessing-bootstrap-from-node-modules

2条答案

按热度按时间

68de4m5k1#

原来你必须在html-pdf的选项中为你的pug模板设置一个基本目录（用于生成pdf）：

base: 'file:///'+__dirname+'/templates/'

完成后，您可以按如下方式访问 Bootstrap ：

link(rel='stylesheet', href='../../../../../../node_modules/bootstrap/dist/css/bootstrap.min.css')

赞(0）回复(0）举报 2022-12-08

kokeuurv2#

在app.js中

app.use(
  "/css",
  express.static(path.join(_dirname, "node_modules/bootstrap/dist/css"))
)
app.use(
  "/js",
  express.static(path.join(_dirname, "node_modules/bootstrap/dist/js"))
)

在你的pug文件中

link(rel="stylesheet", href="./css/bootstrap.min.css")
script(src="./js/bootstrap.js", defer)

赞(0）回复(0）举报 2022-12-08

我来回答

Pug：从node_modules访问 Bootstrap

2条答案

相关问题

热门标签

最新问答