webpack 打包jsx文件配置

打包jsx文件,为了使得此文件可以直接被打包,并且在应用的时候不加入后缀,需要做以下几个步骤:


1,安装jsx-loader

$ npm install --save-dev jsx-loader


2,配置

module: {
  loaders: [
    {
      //tell webpack to use jsx-loader for all *.jsx files
      test: /\.jsx$/,
      loader: 'jsx-loader?insertPragma=React.DOM&harmony'
    }
  ]
},


3,扩展设置

resolve: {
  extensions: ['', '.js', '.jsx']
}


comments powered by Disqus