源码地址:https://github.com/13476075014/04.node-vue-project/tree/master/03.singlewebpack/02.ejsHtml
具体配置和前面写的一篇打包静态html的类似:https://www.cnblogs.com/chun321/p/11996410.html
views文件夹下面是需要在浏览器中访问的页面,在里面引入公用的ejs模版,方法如下,这里引入模版和ejs的语法有点不一致,是依照ejs-loader的标准写的:
<%=require(‘_common/common_header.ejs‘)({title:‘this is one‘}) %> </head> <body> <h1>这是1</h1> <!-- 引入的公用的底部 --> <%=require(‘_common/common_bottom.ejs‘)() %>
使用的是require的方法而不是include 的方法,而且require后需要加上括号调用这个方法或者传参数;
其余的步骤基本和前面写的打包静态html一致,可以参考前面的,运行项目本地调试 npm start ,发布到线上打包 npm run
如何用ejs模版,通过webpack打包多入口输出多页面的静态文件,和本地调试启动
原文:https://www.cnblogs.com/chun321/p/12182819.html