javascript - 我缺少解析此代码的Babelify预设/插件？

我正在使用实现Browserify-Rails来实现Babelify的Rails 4.0项目。

在我的本地和远程Beta服务器上，一切似乎都变糟了。但是，当我部署到生产环境时，某些文件（如果包含在其中）将被跳过，即require("")。

我的原始设置是这样的：

config.browserify_rails.commandline_options = ["-t [ babelify --presets [ es2015 react stage-0 ] --plugins [ syntax-async-functions transform-regenerator ] ]"]

这使它跳过了其中包含此行的文件：

var { configureStore } = require('./configureStore');

这需要铅在这里：

let { createStore, combineReducers, applyMiddleware, compose } = require('redux');
let thunk = require('redux-thunk').default
let session = require('./reducers/session').default;
let search = require('./reducers/search').default;

const configureStore = () => {
  const reducers = combineReducers({
    session,
    search,
  });

  const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;

  return createStore(
    reducers,
    composeEnhancers(applyMiddleware(thunk))
  );
}

export { configureStore };

我猜想也许我在ES2015以上使用了几种JS样式

所以我继续进行配置，添加了增量，并更新了ES2017。这使我摆脱了那个破碎的文件。我的新配置如下所示：

config.browserify_rails.use_browserifyinc = true
config.browserify_rails.commandline_options = ["-t [ babelify --presets [ es2017 react stage-0 ] --plugins [ syntax-async-functions transform-regenerator ] ]", "-t coffeeify --extension=\".js.coffee\""]

但这使我更进一步了解了这一行：

let { search } = require('../../actions/search');

加载此文件（请注意，对以下文件进行了解析和翻译就可以了）：

export const SEARCH_RESULTS_RECEIVED = 'SEARCH_RESULTS_RECEIVED';

export const search = (term, token) => {
  return (dispatch) => {
    if (term && term.trim() !== '') {
      return _search(term, token).then((results) => dispatch(resultsReceived(results)));
    } else {
      return dispatch(resultsReceived([]));
    }
  }
};

const _search = (term, token) => {
  let promise = new Promise((resolve, reject) => {
    fetch(encodeURI(`/api/search?search=${term}`), {
      headers: {
        "Content-Type": "application/json",
        "Authorization": `Token ${token}`
      }
    })
    .then(response => response.json())
    .then(function(response) {
      return resolve(response.results);
    })
    .catch((error) => {
      return reject(error);
    });
  });

  return promise;
};

export const resultsReceived = (searchResults) => ({
  type: SEARCH_RESULTS_RECEIVED,
  searchResults
});

我很好奇是否有任何Babelify插件/预设可能无法使用以使其正常工作。

最佳答案

年度预设仅包含当年添加的功能-即es2017不包含es2015和es2016预设中的任何内容！

这组预设应该可以解决您的问题：

es2015 es2016 es2017 react stage-0

也就是说，包括所有最新的年度预设的首选方法是使用env preset，它会提取所有这些预设，并在ES2018发布后更新，并且还允许您根据需要根据目标环境进行配置：

env react stage-0

关于javascript - 我缺少解析此代码的Babelify预设/插件？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44698272/