美文网首页
利用webpack配置ES6语法的运行环境(包括react)

利用webpack配置ES6语法的运行环境(包括react)

作者: FunnySeeker | 来源:发表于2017-02-27 15:45 被阅读395次
    1. 安装webpackcnpm install webpack --save-dev
      • 如果要利用npm命令来执行webpack,需要在npm生成的package.json文件中指明命令:
          "scripts":{
              "start":"webpack --config webpack.config.js"
          }
      
    2. 安装babel插件,babel插件是webpack需要的加载器,如果没有这几个加载器我们的jsx语法,和es2015语法就会报错cnpm install babel-core babel-loader babel-preset-es2015 babel-preset-react --save-dev
    3. webpack中的配置如下
      module:{
          rules:[
              {
                  test:/\.js$/,
                  exclude:[
                      'node_modules'
                  ],
                  loader:'babel-loader',
                  options:{
                      presets:['es2015','react']
                  }
              }
      
          ]
      },
      

    相关文章

      网友评论

          本文标题:利用webpack配置ES6语法的运行环境(包括react)

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