如何在Meteor 1.3测试版中使用React模块CSS

编辑：Meteor 1.3版本已经发布，即将发布一个无需网页即可直接使用CSS模块的版本

---

我想通过NPM在Meteor 1.3中使用。但自述文件说使用网页。我从来没有使用过Webpack，因为在我看来，它和Meteor的构建工作是一样的

---

所以，在这个特定的例子中，您知道在Meteor 1.3 beta中使用React模块CSS的方法吗？

实际上有一个包。千年发展目标还考虑在某个阶段推出流星核心的网页包。是的，它是构建工具。只是模块化程度更高，速度更快。至少在我看来，随着构建工具的发展，它也相当复杂

在meteor just中拥有网页包>

meteor add webpack:webpack
meteor remove ecmascript

您还需要在从webpack获取ECMAScript时删除它们，安装2次可能会导致错误

要获得更完整的答案，请查看Sam Corcos的博客帖子以及Ben Strahan对Meteor 1.3 Beta版的评论。我用它作为教程来获得不同的网页包

对于您提到的包，我认为

webpack.packages.json

应该是这样的

{
  "private": true,
  "scripts": {
    "start": "webpack-dev-server"
  },
  "devDependencies": {
    "babel-core": "^6.4.5",
    "babel-loader": "^6.2.1",
    "babel-preset-es2015": "^6.3.13",
    "babel-preset-react": "^6.3.13",
    "babel-preset-stage-0": "^6.3.13",
    "css-loader": "^0.23.1",
    "extract-text-webpack-plugin": "^1.0.1",
    "style-loader": "^0.13.0",
    "webpack": "^2.0.6-beta",
    "webpack-dev-server": "^2.0.0-beta"
  },
  "dependencies": {
    "react": "^0.15.0-alpha.1",
    "react-css-modules": "^3.7.4",
    "react-dom": "^0.15.0-alpha.1"
  }

和webpack.config.js，您可以直接从

---

你可以像这样从头开始

从头开始 条目文件 条目文件在package.json中定义。main是服务器条目，browser是客户端条目

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

---

欲了解更多信息，请从

.js

和

.jsx

中查看Meteor v1.3.2为

.css

文件（以及其他css预处理器文件，如

less

和

sass

）引入的内置导入功能

例如，给定以下（简化的）文件夹结构

. ├── client │   └── main.js ├── imports │   └── client │   ├── main.css │   └── main.jsx ├── node_modules │   └── some-module │   └── dist │   └── css │   └── main.css ├── package.json └── server └── main.js 在

imports/client/main.jsx

中导入本地和模块样式表：

//从节点模块导入样式文件
导入'somemodule/dist/css/main.css'；
//从本地文件导入样式
导入“/main.css”；

现在说Meteor将使用Webpack还为时过早。我说要考虑，但我同意你的意见。我希望不是。Webpack什么都做，但它的使用太复杂了，至少我从来都不需要90%的功能来回答你的问题。但我甚至不会说“考虑”，因为本杰明（在MDG从事Meteor构建部分的工作）在这篇文章中陈述了他不赞成Webpack方式的原因。然而，事实上，流星1.3已经在几天内推出了。不幸的是，我不再需要这个软件包，也没有时间运行测试。如果你想得到赏金，你能做个测试并展示结果吗。我会接受你的回答。我刚想说的是，我可能需要测试一下这个悬赏问题。我试着明天找时间让其他人拿积分。赏金是自动给你的，因为你得到了2票。有趣的是，你得到+125，我得到-250。数学错误=pIt只会将这些文件中的css内容附加到“head”标记，但您可以修改此功能以实现类似css模块的功能。看看这个实验： . ├── client │   └── main.js ├── imports │   └── client │   ├── main.css │   └── main.jsx ├── node_modules │   └── some-module │   └── dist │   └── css │   └── main.css ├── package.json └── server └── main.js

$ meteor npm install --save some-module