2、推荐使用webpack-dev-server开发服务器 ,它的功能可以实现热加载并诅
自动刷新浏览器。
1 )安装webpack-dev-server
cnpm install webpack@3.6.0 webpack-dev-server@2.9.1 html-webpack-plugin@2.30.1 --save-dev
(自己用的npm安装taobao 下载点
npm install webpack@3.6.0 webpack-dev-server@2.9.1 html-webpack-plugin@2.30.1 --save-dev)
安装完成自动创建package.json (记录了本程序所依赖的包信息)
(npm高版本是生成package-lock.json,需要在目录下输入 npm init -y 命令生成package.json)
安装完成自动创建node_ modules (存放了本程序所依赖的包)
2 )在package.json中配置script (运行命令)
"scripts": {
"dev": "webpack-dev-server --inline --hot --open --port 5008"
},
3 )配置webpack.config.js
//引用html-webpack-plugin插件,作用是根据html模板在内存生成html文件,它的工作原理是根据模板文件在内存中生成一个index.html文件。
var htmlwp = require('html-webpack-plugin');
module.exports={
entry:'./src/main.js', //