meteor - 如何在 Meteor 1.3 beta 中使用 React Module CSS

标签 meteor reactjs webpack react-css-modules

编辑:Meteor 1.3 版本已发布,npm package即将发布,允许直接使用 CSS 模块,无需 Webpack

<小时/>

我想使用https://github.com/gajus/react-css-modules通过 NPM 在 Meteor 1.3 中。但自述文件说要使用 Webpack。我从未使用过 Webpack,因为在我看来,它可以完成与 Meteor 相同的构建工作。

那么在这种特定情况下,您知道在 Meteor 1.3 beta 中使用 React Module CSS 的方法吗?

最佳答案

实际上有一个包可以做到这一点。 MDG 还考虑在某个阶段在 Meteor Core 上引入 Webpack。是的,它是构建工具。只是比当前的更加模块化和更快。作为构建工具,它也相当复杂,至少在我看来。

在 meteor 中拥有 webpack >

meteor add webpack:webpack
meteor remove ecmascript

您需要删除 ecmascripts,因为您也从 webpack 获取它们,并且安装 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 - 如何在 Meteor 1.3 beta 中使用 React Module CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35129159/

相关文章:

node.js - 使用 Meteor.js 的桌面应用程序

javascript - 如何在 Reactjs 中更改 CKEditor 5 的配置

javascript - 从 Webpack 的 require.context 中排除文件

webpack - 从 Vuepress 中排除 readme.md

ios - Meteor/Cordova 应用程序无法下载用于自动更新的 manifest.json。出了什么问题?

logging - 本地开发模式下的 meteor 日志保存在哪里?

javascript - Preact.js - 如何像 React.js 一样启动自动重新运行服务器

javascript - babel 错误地转译了导出默认函数

javascript - 使用 React 时推荐使用 Meteor 中的注释样式

reactjs - 使用 TypeScript 在 React Native 上传递 refs : (property) React. MutableRefObject<null>.current : null Object is possibly 'null' . ts(2531)