Docz: *.cssインポートを使用してコンポーネントをロードできません

作成日 2019年02月13日 · 3コメント · ソース: doczjs/docz

バグレポート

cssスタイルがコンポーネントjsファイルに直接インポートされた場合、 docz devスローエラー：

Failed to compile.

./src/components/Button/index.css 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
> .button-v1 {
|     border-radius: 20px;
|     font-family: 'roboto_medium';

code
code2

ソース

meetromb

最も参考になるコメント

webpackの設定を変更する必要があると思います。

doczrc.js ：
~~〜jsmodifyBundlerConfig：bundleConfig => {constルール=[~~{{~~テスト：/。css $ /、ローダー：「style-loader！css-loader」~~}];~~bundlerConfig.module.rules.push（... rules）;bundlerConfigを返します。~~}〜

package.json ：
~~〜json"devDependencies"：{"css-loader"： "^ 2.1.0"、"スタイルローダー"： "^ 0.23.1"~~}〜

ドキュメント： https ：//www.docz.site/documentation/project-configuration#build -pipeline

hastebrot 2019年02月13日

👍4 🎉2

全てのコメント3件

webpackの設定を変更する必要があると思います。

package.json ：
~~〜json"devDependencies"：{"css-loader"： "^ 2.1.0"、"スタイルローダー"： "^ 0.23.1"~~}〜

ドキュメント： https ：//www.docz.site/documentation/project-configuration#build -pipeline

hastebrot 2019年02月13日

👍4 🎉2

webpackの設定を変更する必要があると思います。
doczrc.js ：
  modifyBundlerConfig: bundlerConfig => {
    const rules = [
      {
        test: /\.css$/,
        loader: "style-loader!css-loader"
      }
    ];
    bundlerConfig.module.rules.push(...rules);
    return bundlerConfig;
  }
package.json ：
  "devDependencies": {
    "css-loader": "^2.1.0",
    "style-loader": "^0.23.1"
  }
ドキュメント： https ：//www.docz.site/documentation/project-configuration#build -pipeline

うん、その動作。ありがとう）

meetromb 2019年02月13日

上記の解決策を試しましたが、うまくいきませんでした。ロールアップ構成でdoczを使用しています。このブランチdocz-cssを確認してください。
docz-plugin-cssでも同じエラーが発生します

raikusy 2019年05月27日

このページは役に立ちましたか？

0 / 5 - 0 評価

Docz: *.cssインポートを使用してコンポーネントをロードできません

バグレポート

最も参考になるコメント

全てのコメント3件

関連する問題