许多小伙伴在学到vue时,当做单页面应同时,不可避免的会用到webpack,可是那都是命令自动帮我们做好的,如果想在自己的项目中运用的话,又该怎么做呢?
我在看了一些视频和文档后,决定自己写一篇博客来记录一下我的学习过程,方便广大博友一起学习进步。
步骤:
1打开我们的命令行工具,先进入E盘,然后mkdir命令新建一个文件夹demo,在建立一个webpack_demo。然后进入webpack_demo文件夹(这是我的项目文件夹,具体根据自己的实际情况建立文件夹)。
2.先输入npm init -y初始化一下项目,然后输入cnpm i --save webpack,等待安装完成。
3安装过程中,按照下图的格式建立这些文件夹和文件。
4在index.html文件里输入这样的内容,引入的js是我们打包后的js,先引入进来。