webpack bable-loader升级无法编译jsx es6
2015-11-21 00:00
931 查看
rt,今天开了个新项目,玩下webpack的其他特性
然后就就这样了
尼玛,为啥? 这没有道理啊。 翻了以前的webpack配置都没有发现问题。
。。。(好久没解决)
无奈转头喝杯咖啡定定神。
留意留意到babel-loader 升级到6.x了。于是赶紧翻下 babel 官网和 babel-loader 官网。发现有这么一出
也就是 babel新版本拆分了很多小模块,如果需要用到 es6 和 react 就需要 引入相关的 preset
npm install babel-preset-react -—save-dev
npm install babel-preset-es2015 --save-dev
但是,还是发现了这个。
还没有想到方案,只有吧...替换另一种写法。 知道的麻烦提示下!
然后就ok了
相关文章推荐
- webpack 编译ES6插件babel-loader
- webpack 编译ES6插件babel-loader
- [js高手之路]深入浅出webpack教程系列8-(postcss-loader,autoprefixer,html-loader,less-loader,ejs-loader)用法
- [js高手之路]深入浅出webpack教程系列8-(postcss-loader,autoprefixer,html-loader,less-loader,ejs-loader)用法
- webpack---webpack.config.js配置基本要素entry、output、loader、plugins等
- 在vue中的js部分导入图片后通过webpack无法被正确打包的问题
- webpack4 系列教程(二): 编译 ES6
- webpack编译出错You may need an appropriate loader to handle this file type.
- webpack+vue-loader 在单独.vue组件中使用sass-loader编译sass报错问题not a valid Win32 applictation
- webpack使用css-loader?sourceMap导致font(eot、ttf)等无法加载问题
- webpack中编译es6和es7
- [AngularJS + Webpack] ES6 with BabelJS
- webpack3实战(3)打包有es6、es7语法的js代码
- webpack之webpack.config.js以及nodejs与es6导入导入语法
- [one day one question] webpack打包压缩 ES6 js、.vue报错
- webpack使用file-loader单独打包js文件
- webpack 打包 --- js and es6
- webpack.config.js中使用ES6语法
- react,react native,webpack,ES6,node.js----------今天上午学了一下node.js
- webpack 编译图片文件 file-loader