13

編集: Meteor 1.3 リリースが出ており、 Webpack なしで CSS モジュールを直接使用できるnpm パッケージがリリースされようとしています。

NPM経由でMeteor 1.3でhttps://github.com/gajus/react-css-modulesを使用したいと思います。しかし、readme には Webpack を使用するように書かれています。Meteor と同じビルド ジョブを実行するように思われるため、Webpack を使用したことはありません。

この特定のケースで、Meteor 1.3 ベータ版で React Module CSS を使用する方法を知っていますか?

4

3 に答える 3

2

Meteor v1.3.2 では、および内からのファイル (およびや.cssなどの他の CSS プリプロセッサ ファイル) の組み込みのインポート機能が導入されました。lesssass.js.jsx

たとえば、次の (単純化された) フォルダー構造を考えると、

.
├──依頼人
│ └── main.js
├──輸入
│ └── クライアント
│ ├── main.css
│ └── main.jsx
├──node_modules
│ └── 一部モジュール
│ └── 距離
│ └── css
│ └── main.css
├──package.json
└──サーバー
    └──main.js

some-module以下を使用してインストールされたnpmモジュールはどこですか：

$ meteor npm install --save some-module

にローカルおよびモジュール スタイルシートをインポートするimports/client/main.jsx:

// importing a style file from a node module
import 'some-module/dist/css/main.css';

// importing a style from a local file
import './main.css';
于 2016-04-15T22:28:52.867 に答える
1

このようにゼロから始めることができます。

ゼロから始めます

meteor create test-project
cd test-project
npm init
meteor remove ecmascript
meteor add webpack:webpack
meteor add webpack:react
meteor add webpack:less
meteor add react-runtime # Skip this step if you want to use the NPM version
meteor add react-meteor-data
meteor
npm install
meteor

エントリーファイル

エントリ ファイルは、package.json 内で定義されます。メインはサーバー エントリで、ブラウザはクライアント エントリです。

{
  "name": "test-project",
  "private": true,
  "main": "server/entry.js",
  "browser": "client/entry.js"
}

詳細については、このリンクを確認してください

于 2016-03-03T06:15:20.337 に答える