Webpack 打包jsx文件配置

发表于 分类于 阅读次数：

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

1，安装jsx-loader

1
$ npm install --save-dev jsx-loader

2，配置

1
2
3
4
5
6
7
8
9
module: {
  loaders: [
    {
      //tell webpack to use jsx-loader for all *.jsx files
      test: /\.jsx$/,
      loader: 'jsx-loader?insertPragma=React.DOM&harmony'
    }
  ]
},

3，扩展设置

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