发表于: 2017-07-25 22:19:44
0 919
今天完成的事情
- 1.用webpack对代码进行了打包,压缩,编译
- 2.修改bug
明天计划的事情
1准备回家学习的项目
2 改消息bug
遇到的问题
- 选用的webpack版本号是3.0
使用extract-text-webpack-plugin生成单独的css时,可能会报错chunk.sortModules is not a function,解决方案是回退extract-text-webpack-plugin版本号到2.1.2,npm i extract-text-webpack-plugin@2.1.2。
一般的压缩js插件无法压缩es6,如果想对es6代码进行压缩,可以使用UglifyjsWebpackPlugin。但是如果教程一步一步来还是会报错Unexpected token: name (doc)
。解决方案是将babel配置拿出来,不要放在webpack.config中,单独的放到.babelrc中。
使用了extract-text-webpack-plugin
后无法进行css压缩?
可以使用optimize-css-assets-webpack-plugin这一插件来解决这个问题。
收获
踩了好多坑,成功的利用webpack的插件打包了一个简单的项目。
评论