最近用飞冰的react物料做项目,从以前完全不懂mvvm,没用过es6,大概过了一周多,才对里面的物料慢慢上手,发现真的很好用,react打破原来的html方式,es6也是简化了很多js的写法。并且飞冰有特别棒的一点就是不用配环境,在使用物料的时候也是一键搞定,超级超级方便。
好了,正题,我这一周配webpack的心路历程,(想自己动手从头开始配一次环境,结果过程非常非常非常。。。)
首先webpack版本很多,低了不行,高了有很多坑,最后我用的是3.10.0。我先把我配置的目录粘出来(我把js/css/img分开打包的)build目录是打包后自动生成的,package.json和package-lock.json是初始化项目时生成,手动创建webpack.config.js。主要是package.json和webpack.config.js的配置。
可在package.json中写好相应的依赖包及对应的版本号,用npm install安装即可,若提示依赖版本不对应,根据提示下载相应版本(npm install webpack@3.10.0,在版本后加@版本号即可下载对应版本的依赖包)(安装完成时,有一些warn不影响使用的)。
下面是我的package.json文件截图