编辑：Meteor 1.3 版本已经发布，npm package 即将发布，允许在没有 Webpack 的情况下直接使用 CSS 模块
我想通过 NPM 在 Meteor 1.3 中使用 https://github.com/gajus/react-css-modules。但是自述文件说要使用 Webpack。我从未使用过 Webpack，因为在我看来，它的构建工作与 Meteor 相同。
那么你知道在这种特殊情况下，在 Meteor 1.3 beta 中使用 React Module CSS 的方法吗？
【问题讨论】：
标签： meteor reactjs webpack react-css-modules
实际上有这个包。 MDG 也在考虑在某个阶段将 webpacks 引入流星核心。是的，它是构建工具。只是比目前的更模块化和更快。至少在我看来，随着构建工具的发展，它也非常复杂。
在meteor中使用webpacks >
meteor add webpack:webpack
meteor remove ecmascript
您还需要在从 webpack 获取 ecmascript 时删除它们，并且安装 2 次可能会导致错误。
如需更完整的答案，请查看 Sam Corcos 博客文章以及 Ben Strahan 对 Meteor 1.3 Beta 的评论。我用它作为教程来获取不同的 webpack 包。
https://medium.com/@SamCorcos/meteor-webpack-from-the-ground-up-f123288c7b75#.phcq5lvm8
对于你提到的包，我认为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 你可以直接从
复制https://github.com/gajus/react-css-modules-examples/blob/master/webpack.config.js
【讨论】：
Meteor v1.3.2 为 .css 文件（以及其他 CSS 预处理器文件，例如 less 和 sass）从 .js 和 .jsx 中引入了内置导入功能。
例如，给定以下（简化的）文件夹结构，
. ├── 客户 │ └── main.js ├── 进口 │ └── 客户 │ ├── main.css │ └── main.jsx ├── 节点模块 │ └── 一些模块 │ └── dist │ └── 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';
【讨论】：
你可以像这样从头开始。
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"
}
更多信息请查看link
【讨论】：