Neg*_*iri 5 ecmascript-6 reactjs webpack babeljs
我想使用树摇动功能似乎我们不需要安装babel-preset-es2015-webpack.对于es2015预设,我们仍然可以使用babel-preset-es2015并将modules标志设置为false.我更改了我的webpack配置,如下所示,这导致我的react组件中的导入行出现"意外的令牌导入"错误.
module: {
loaders: [
{
test: /\.js$/,
exclude: /node_modules/,
loader: 'babel',
query: {
presets: [['es2015', {modules: false}], 'react']
}
},
{
test: /\.scss$/,
loader: ExtractTextPlugin.extract("style-loader", "css-loader!sass-loader")
}
]
}
Run Code Online (Sandbox Code Playgroud)
我还尝试将预设设置为['es2015','react',{modules:false}]然后我在控制台上出现了不同的错误
模块构建失败:ReferenceError:[BABEL] C:\ FE-Proj-Templates\webpack\main.js:使用删除的Babel 5选项:foreign.modules - 在plugins
选项中使用相应的模块转换插件.查看http://babeljs.io/docs/plugins/#modules
如何设置模块标志为false的预设es2015并使用React预设?
Neg*_*iri 12
它已更新并且有效
presets: [['es2015', {modules: false}], 'react']
Run Code Online (Sandbox Code Playgroud)
归档时间: |
|
查看次数: |
3239 次 |
最近记录: |