扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
随着前端体积越来越大，功能越来越丰富，这时候就需要将前端工程化，而webpack就是用于将前端各种文件打包起来。一个简单的webpack应该包含以下几个概念
适用情况
首先说明，此情况不具备普遍性。若你的情况与笔者类似那么希望这篇文章能够帮到你。
我的项目情况是这样的：用node.js做后台，ejs做模板引擎（即整个页面是一个ejs文件）由node.js将数据渲染完成后，再将完整页面返回给用户。
那么这样做会遇到的问题：
1. 本项目没有html页面，ejs的作用也不是引入公共的组件，直接就是一个完整的页面，用webpack中处理ejs文件的loader返回的是一个函数，故会产生问题
2.由于node.js配置了静态资源目录public，而视图目录与之同级，webpack在处理图像等静态资源目录的路径的时候会产生问题
3.如果使用publicpath 那么nodejs在运行的时候就会找不到资源，因为设置了静态资源的目录
如果你也遇到了类似的问题，希望你能在本文中找到解决方法。
这里多说一句：不要觉得我的项目很奇怪，因为我当时写的时候，知识储备不足，等到后面发现不妥的时候，为时已晚。
改起来太麻烦，所以将错就错了。。。。。。
解决方案
1.处理ejs
我在各个论坛，官网搜寻良久，始终没能找到，能处理我这种情况的loader。
没有办法之下，只能换一个思路，将ejs文件先转为html
首先要修改文件，那么就要修改服务器的模板引擎（这里是我的app.js）
那么要修改成什么呢？我要让nodejs使用ejs模板引擎，但是使用html文件来渲染
这里我们要用的是express中的app.engine 来注册一个引擎
代码如下：
app.set('views',path.join(__dirname,'views'));//设置模板引擎的目录
app.engine('html', require('ejs').renderFile);
app.set('view engine','html'); 
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网