wabpack也可以做自动化构建工具,webpack还可以做打包编译的功能。
webpack也有很多的插件,也可以实现热加载的功能(热加载指的就是当我们修改了代码以后会自动刷新页面)
把所有webpack的功能插件堆积起来就形成了vue-cli的脚手架webpack就是用node写出来的
webpack的安装:因为我们是全局安装所有后面一定要加个-g
打webpack -v会提示我们按照一个webpack-cli(不推荐使用这种方式)出现报错自己再全局安装一下
一定要记得保存文件以后再进行编译防止没有编译到内容
相对路径前面一定要加上./,要不然容易找不到路径
entry指的是入口文件
output指的是输出文件
有时候我们还需要载入css,这个时候我们就需要使用到loadercss-loader,ts-loader指的就是css的编译模块,它会在node_modules中进行查找,test是用来检测后缀名的
参考文章:https://www.jianshu.com/p/66a6240112f9