美文网首页
webpack使用babel編譯jsx代碼時出錯解决辦法

webpack使用babel編譯jsx代碼時出錯解决辦法

作者: mlxg | 来源:发表于2016-04-10 16:21 被阅读0次

babel升級到6後編譯jsx代碼出錯,原因是由於6後拆分成幾個小組件,使用以下方法可以解决

.安装

npm install babel-loader babel-core babel-preset-es2015 --save-dev

.webpack.config.jsmodule修改为

module: {
      loaders: [
        {
          test: /\.jsx?$/,
          exclude: /(node_modules|bower_components)/,
          loader: 'babel', // 'babel-loader' is also a legal name to reference
          query: {
            presets: ['react', 'es2015']
          }
        }
      ]
 },

相关文章

  • webpack使用babel編譯jsx代碼時出錯解决辦法

    babel升級到6後編譯jsx代碼出錯,原因是由於6後拆分成幾個小組件,使用以下方法可以解决 .安装 .webpa...

  • Java HelloWorld 學習

    代碼: 編譯: Main.class 字節碼: Debug 代碼執行 output: javac的命令說明: 執行...

  • 寫法整理

    日常編寫代碼時的一些寫法整理,作爲參考使用,不定期更新,盡量讓自己的代碼統一、規範。 HTML 屬性順序 clas...

  • Globals in Polymer

    作者:王納米 責任編輯:《代碼指南》編輯部 首發於《代碼指南》(daimazhinan.com) 《代碼指南》編輯...

  • iOS与OS X内存管理之二:ARC屬性管理

    1 __strong 修飾符 賦值給__strong 修飾符的變量在實際程序中的運行 編譯器的模擬代碼如下 使用a...

  • react webpack配置

    babel编译jsx babel-loader;webpack调用babel的桥梁@babel/core;babe...

  • React / Vue 渲染过程对比

    React 1.使用JSX语法编写代码2.webpack打包时,JSX通过babel解析成js3.js通过Reac...

  • 断桥呼渡~

    人生遇到困難要及時尋求解决的辦法

  • windows下gVim配置

    默認全屏顯示: 設置編碼為UTF-8: 設置語法高亮和代碼行數: 設置字體: 設置solarized方案:http...

  • cannot find a valid baseurl for

    centos使用yum安裝時報錯。 解決辦法; 先嘗試ping你的ip,看能不能通,不能通的話修改ip與網絡配置文...

网友评论

      本文标题:webpack使用babel編譯jsx代碼時出錯解决辦法

      本文链接:https://www.haomeiwen.com/subject/uswblttx.html