qq_32445707的博客

最近有个需求，需要我做一个公共组件并且发布在npm上，由于之前并没有这方面经验所以在过程中耗费了比较多的时间（大部分时间在疯狂百度），所以在完成需求后写一篇博文记录一下。

最近在项目开发中遇到许多关于webpack打包配置问题，特意写一篇博文进行总结。1、webpack打包react项目 2、打包.scss类型文件3、打包图片类型文件【小于10kb转为base64格式】，并将打包后的图片放置指定目录下4、copy-webpack-plugin插件的使用5、html-webpack-plugin插件的使用6、配置多入口7、clean-webpack-plugin插件的使用

webpack打包将public目录下的文件复制在打包后的build目录中copy-webpack-plugin插件作用是在用webpack进行打包代码时，可以将指定目录下的文件原样复制到另一个指定目录下【默认是打包后的目录下】。

之前运行得好好的项目，在删除node_modules目录后，重新npm i，突然启动不起来了，提示Can't import the named export 'SetArray' from non EcmaScript module。经过了解和排查，发现可能是因为某个依赖项升级后导致与其他依赖版本不匹配，解决方案如下：在webpack.config.js里添加一段代码

打开ueditor.all.js文件，搜索UE.plugin.register("simpleupload"，然后定位到以下位置：server就是你文件上传的接口路径，然后可以在formData里设置额外参数，因为上传文件时，formData中默认file【文件对象】的key是”file“，如果需要修改，则设置fileVal: "xxx"，其他具体参数的了解与使用可以去官网查看：WebUploader API文档 - Web Uploader http://fex.baidu.com/webuploader

最近公司为了跟上时代潮流，要求我把之前的项目都进行国际化，实现中英文双语言切换功能，然后我只能连夜调研各大国际化组件，最终选择了这个react-intl-universal，它相比于 react-intl、react-i18next最大的亮点就是支持在js中使用，并且配置简单，提供的API也简单好用。npm安装：npm install react-intl-universal --save一、编写好中、英文json配置文件...