Webpack/ES6：如何導入樣式表

我看到類似bootstrap的存儲庫開始在其中包含其他標籤package.json file such as 'style' and 'less.'如何使用這些標籤導入資源？Webpack/ES6：如何導入樣式表

package.json 

{ 
    "name": "bootstrap", 
    "style": "dist/css/bootstrap.css", 
    "sass": "scss/bootstrap.scss", 
    "main": "./dist/js/npm" 
}

我正在使用ES6模塊和webpack。我希望能夠使用package.json中的樣式標籤導入我的樣式表。

目前，我做這樣的事情：

my_stylesheets.less 

@import "~bootstrap/dist/css/bootstrap";

這是惱人的爲消費者添加路徑時是可用的package.json它。有沒有辦法使用package.json中的標籤導入樣式表？

如果我不能在package.json中使用標籤，是否有一種標準的方式在ES6模塊中導入樣式表？

來源

2016-04-08 Matt

是的!!! Webpack將所有內容視爲一個模塊，包括您的回購中可愛的小package.json。

因此，您只需將其require()它放入您的應用程序，然後訪問該json對象的屬性。（有關更多信息，請參閱json-loader）。

我經常使用它來導入數據，比如版本號等等，用於我的Webpack配置文件的捆綁和版本控制。

來源

2016-04-08 21:33:37

此功能現在不包含在webpack中。在webpack的CSS loader回購中有關於這個的open issue。

還有一個SO thread使用的樣式字段，似乎有一些npm/browserify工具支持這一點。

來源

2016-04-09 07:07:28

Webpack/ES6：如何導入樣式表

回答

相關問題