babel v6 + react-intl v2 + webpack将消息提取到文件中

Question

我想使用Babel v6，react-intl v2和webpack将源代码中的消息提取到JSON文件。所有编译都很好，但没有提取任何东西。如何让react-intl的v2正确提取消息？

有一个选项messagesDir：

我试过了：

• 来自此处的新文件.babel.rc：https://github.com/yahoo/babel-plugin-react-intl/issues/23 - 可能是拼写错误的名称，应为.babelrc。
• 新文件.babelrc：

{
  "extra": {
    "react-intl": {
      "messagesDir": "./i18n",
      "enforceDescriptions": true
    }
  }
}

使用webpack config

{ test: /\.js$/,
  loader: 'babel-loader',
  query: {
    // react needed for JSX syntax
    // es2015 needed for modules
    // stage0 needed to do splats (...variable)
    presets: ['react', 'es2015', 'stage-0'],
    // react-intl extracts i18n messages to a shared file
    // add-module-exports removes the need to do `require('a').default`
    plugins: ['react-intl', 'add-module-exports'],
    cacheDirectory: true
  },
  exclude: /node_modules|bower_components/
},

给出：＆＃34; index.js：未知选项：/.babelrc.extra"作为错误信息。

我已尝试将上述extra属性添加到上面的webpack配置中。它给出了一个非常相似的错误信息。

版本：

✗ npm ls | grep "intl"
├─┬ babel-plugin-react-intl@2.0.0
│ └── intl-messageformat-parser@1.2.0
├── intl@1.0.1
├── intl-locales-supported@1.0.0
├── intl-messageformat@1.2.0
├─┬ react-intl@2.0.0-pr-3
│ ├── intl-format-cache@2.0.4

Answer 1

答案是使用非常自定义的webpack语法：

语法是这样的：

5 plugins: [ - ['react-intl', { 6 'messagesDir': './i18n' 6 }], 'add-module-exports']