2017-07-19 91 views
0

我對next.js很新。將其用於我的應用程序的服務器端渲染。在Next JS中從節點模塊導入css文件?

根據文檔,您可以從靜態文件夾中導入css文件,該靜態文件夾應該位於根目錄下,但是我想從node_modules導入css,因爲我擴展了引導並創建了自己的包。

回答

0

更新:如果您有任何問題,導入正常的css到你的組件後面的例子如下this

旁邊沒有什麼區別。 如果從靜態的文件夾導入地址是一樣的東西:

import stylesheet from '../static/css/index.css'

現在如果你想從一個節點模塊導入CSS

(例如RC-滑塊包),這將是:

import rcstyle from 'rc-slider/assets/index.css';

+0

不,你不能導入這種方式,你需要看看下一個js文檔。 – sbs

+0

看看這個問題https://github.com/zeit/next.js/issues/299#issuecomment-316400292 – sbs

+0

我以爲你在導入css文件時沒有問題。 現在只需使用[wrap-in-js](https://github.com/davibe/babel-plugin-wrap-in-js)babel插件並在導入css文件後將它們注入您的jsx中,如下所示:'