配置webpack自动打包功能

配置Webpack自动打包

首先得安装配置webpack,这里可以看之前的博客.
打开终端,通过命令npm install webpack-dev-server -D命令安装webpack-dev-server,配置webpack自动打包功能
其次,在webpack.json文件中的scripts下添加:"dev":"webpack-dev-server"
配置webpack自动打包功能
在index.html文件中的script中路径改为"/main.js",前提是webpack.config.js中filename的配置为main.js配置webpack自动打包功能
在终端中输入npm run dev,发现光标一直跳动,说明在监听文件变化,可通过更改index.js文件,进行验证。
配置webpack自动打包功能