webpack 打包非utf-8编码包的解决办法!

这几天用vue写了一个项目, 因为咱们写代码是基于utf-8编码的, 可是公司的后台环境是GBK编码的写出来的好久远的一个系统了, 个人项目放上去了 毫无疑问的汉字直接乱码了, 为了解决乱码问题也是头疼了很久

即便我把打包前的项目文件都改成GBK编码的, 可是webpack打包默认是utf-8的格式, 出来仍是乱码.

后来在网上找了很久, wenpack有一个插件 下载下来之后, 在输出部分配置成本身想要的代码就好了! (须要注意的是, 不须要改变咱们写的文件的编码方式! 它会从utf-8的编码方式自动向其余编码转换!) 点击直达 npm :( 用法上面说的很详细了); webpack-encoding-plugin;

若是有同是用vue2.0的朋友这里说一下配置方法: 在vue 项目中的build文件中 有 webpack.prod.conf.js 和webpack.dev.conf.js 两个配置文件 其中名称由dev的那个是 咱们运行 npm run dev 这个命令时的打包文件, 咱们没有必要在那个里面配置, 名称中有 prod 的js文件是咱们打包要用到的js文件, 所以只须要在那个里面配置一下就好了! 打包最后在dist文件中生成的index.html 须要改为GBK编码存储的文件;

改变文件从UTF-8编码到GBK编码存储方法的方式, 若是是用的submit text 3 编辑器的话, 能够下载一个 GBK Support 的插件下载完成之后 在菜单栏的 file 选项中会有一个项 GBK or UTF8 ;鼠标选中它 选择 save with GBK 就好了!