在撇號中使用帶有NPM的Twitter Bootstrap LESS文件CMS

如果我想在我的撇號項目中使用LESS文件中的編譯Bootstrap，那麼最佳做法是什麼？在撇號中使用帶有NPM的Twitter Bootstrap LESS文件CMS

通過NPM安裝Bootstrap更好嗎，還是我應該手動下載Bootstrap並將文件放在lib/modules/apostrophe-assets/？

我已閱讀了解我所知道的文檔，以便弄清楚這一點。我沒有找到任何有關位於lib文件夾之外的CSS和JS資源的文檔。

來源

2016-12-20 Jeff Wilkerson

我是P'unk大道撇號的首席開發者。

你可以把lib/modules目錄/撇號資產/公/ CSS這些文件（和子目錄時，若需要的話），包括完全按照所描述的一個導入所有其他的在您的apostrophe-assets配置，教程：

Pushing assets to the browser

或者你可以從你自己的LESS文件還導入您的自定義站點特定的樣式導入。這真的取決於你。

當然也有從沒有通過link和script標籤直接將資產你outerLayout.html阻止你，但如果你想利用撇號的縮小過程中，按照教程。

要清楚的是，撇號中的任何和所有模板都可以針對您的特定項目進行覆蓋，而無需以任何方式修改node_modules /撇號文件夾。

如果模板存在於以下路徑：

node_modules/apostrophe/lib/module/MODULE-NAME/views/TEMPLATE-NAME.html

然後，只需在項目它拷貝到這裏：

lib/module/MODULE-NAME/views/TEMPLATE-NAME.html

而且你的版本將被替代呈現。

您可以使用Nunjucks extends關鍵字來擴展您自己創建的模板。您還可以使用跨模塊的語法來擴展在不同的模塊模板：

{# Finds it in the apostrophe-templates module, your version first, #} 
{# node_modules if that doesn't exist #} 

{% extends "apostrophe-templates:layout.html" %}

希望這將清除的東西了好一點！

來源

2016-12-21 14:09:42

好的，謝謝。您建議實施它的方式會導致我將文件從項目的node_modules文件夾移動到撇號資產/公用文件夾中，這正是我試圖避免的一個額外步驟。另外，爲什麼我不能從'lib'文件夾創建自己的模板？是否有某種可用的文檔討論了撇號架構背後的原理？ –

這在論壇上得到了答案，但對於任何人在這裏閱讀： –

目前尚不清楚如何包含css文件。我是否必須提供較少文件的撇號資產，或者我可以編譯自己較少的文件並給出撇號的CSS文件？這些教程沒有提到有關css文件的任何信息。此外，我可以把我的css文件與我自己的模塊？如果是這樣，我該如何包含這些css文件？如果我的文件是： /lib目錄 /模塊 /我的模塊 index.js /公共 /CSS 我-styles.css的如何包括我的模板我-styles.css的？目前我在嘗試'self.pushAsset（'stylesheet'，'my-styles'，{when：'always'}）;' –

在撇號中使用帶有NPM的Twitter Bootstrap LESS文件CMS

回答

相關問題