在我们的Webpack React项目中，我将babel-loader替换为esbuild-loader后，将HMR的构建时间缩短了大约10倍。我还没有弄清楚如何替换babel-plugin-styled-components，即如何将styled-components名称作为类名添加到dom元素中，以获得更好的开发体验。有没有可能用esbuild构建，然后以某种方式运行提到的巴别塔插件？提前感谢！
eagi6jfj1#
这样解决了问题：在Webpack配置文件中，首先用esbuild转换 *.js文件（javascript/react），然后通过babel-loader运行转换后javascript，以调用我想要使用的插件。这个解决方案稍微增加了建造时间，但它仍然比用巴别塔进行所有工作快了近10倍。
{ test: /\.js$/, exclude: /node_modules/, loader: 'esbuild-loader', options: { loader: 'jsx', target: 'es2015', }, }, { test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/, options: { plugins: ['babel-plugin-styled-components'], }, }
1条答案
按热度按时间eagi6jfj1#
这样解决了问题：在Webpack配置文件中，首先用esbuild转换 *.js文件（javascript/react），然后通过babel-loader运行转换后javascript，以调用我想要使用的插件。
这个解决方案稍微增加了建造时间，但它仍然比用巴别塔进行所有工作快了近10倍。