在React-static站点中使用Foundation

Question

我试图在我创建的react-static站点中使用foundation。

我一直遇到的错误是：

/Users/abroccoli/Documents/apm.net/apm-react-static/node_modules/foundation-sites/dist/js/npm.js:1
  (function (exports, require, module, __filename, __dirname) { import $ from 'jquery';
                                                                ^^^^^^
  SyntaxError: Unexpected token import

但是，react-static是用ES6编写的，并且在每个文件的开头使用import。

根据自述文件，我使用的是react-static附带的基本的webpack配置，应该包括用于使用Babel解析ES6的适当加载器。

webpack: (config, { defaultLoaders, stage }) => {
    config.module.rules = [
      {
        oneOf: [
          {
            test: /\.s(a|c)ss$/,
            use:
              stage === 'dev'
                ? [{ loader: 'style-loader' }, { loader: 'css-loader' }, { loader: 'sass-loader' }]
                : ExtractTextPlugin.extract({
                  use: [
                    {
                      loader: 'css-loader',
                      options: {
                        importLoaders: 1,
                        minimize: true,
                        sourceMap: false,
                      },
                    },
                    {
                      loader: 'sass-loader',
                      options: { includePaths: ['src/'] },
                    },
                  ],
                }),
          },
          defaultLoaders.cssLoader,
          defaultLoaders.jsLoader,
          defaultLoaders.fileLoader,
        ],
      },
    ]
    return config
  },

我怀疑我没有正确加载基础站点。当我去构建我的react-static站点时，我如何让基础站点工作？

Answer 1

更新节点，以便能够使用新的ES6标准。