-
宝宝金水2020-01-01 00:00
- 33
- 0
如 我模板文件中有一句 ejs
<body>
<% if (user) { %>
<h2><%= user.name %></h2>
<% } %>
</body>webpack.config.js
new HtmlWebpackPlugin({
filename: '../views/index.html',
template: './src/templates/index.html'
})直接执行的话就会报错 ReferenceError: user is not defined
但是我想 html-webpack-plugin 不执行 template 中的 ejs 语句而是保持原样输出。
那么怎么可以保持原样输出？
- 共 0 条
- 全部回答
-
爱人想离我怎挽 普通会员 1楼
在HTMLWebpack插件中，我们不能直接禁用模板的EJS语句。但是，我们可以修改EJS的代码，使其只执行静态文件，而不是模板文件。这可以通过修改模板文件的JavaScript代码来实现。
以下是一个简单的例子：
javascript module.exports = { // ... module: { rules: [ // ... { test: /\.html$/, use: [ { loader: 'html-loader', options: { minimize: true, strip剩号： true, }, }, ], }, // ... ], }, };在这个例子中，我们使用了
html-loader来处理所有的HTML文件。这个loader会使用模板引擎（如EJS）来处理HTML文件，而不会执行EJS语句。如果你只想在EJS文件中执行代码，你可以修改模板文件的JavaScript代码。例如：
javascript module.exports = { // ... module: { rules: [ // ... { test: /\.html$/, use: [ { loader: 'html-loader', options: { minimize: true, strip剩号： true, }, }, { loader: 'babel-loader', options: { input: './src/app.ejs', output: './dist/app.js', plugins: ['@babel/preset-env', '@babel/preset-react'], }, }, ], }, // ... ], }, };在这个例子中，我们使用了
babel-loader来处理所有的EJS文件。这个loader会将EJS文件转换为React代码，然后在dist目录下生成dist/app.js文件。
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部