webpack 打包jsx文件配置

{app.params.name}} {app.params.name}} {app.params.name}}

打包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']
}



版权声明

davidzhang 创作并维护的 Gowhich 博客采用 创作共用保留署名-非商业-禁止演绎4.0国际许可证。

本文首发于 Gowhich 博客( https://www.gowhich.com ),版权所有,侵权必究。

本文永久链接: https://www.gowhich.com/blog/697

comments powered by Disqus