目录结构:
步骤:
第五步时,运行webpack,可以发生一下的错误。
警告:
解决方法:在webpack.config.js写
//向外面暴露一个配置对象
module.exports={
mode:“development” //development 或者 production
}
打包就完成了,但是每次都要自己手动打开浏览器,
运行cnpm i webpack-dev-server -D
在package.json配置一下"dev":“webpack-dev-server --open --port 3030 --hot”
自动打开浏览器和页面
运行:cnpm i html-webpack-plugin -D
在webpakc.config.js配置一下
再在module.exports={ mode:“development”}添加红圈的代码