账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    webpack htmlWebpackPlugin问题
    • 2020-01-01 00:00
    • 11
    31
    0

    html 模板
    <!DOCTYPE html>
    <html>

    <head>

    <meta charset="UTF-8" />
    <title>
        <%= htmlWebpackPlugin.options.title %>
    </title>
    <% for (var css in htmlWebpackPlugin.files.css) { %>
        <link href="<%=htmlWebpackPlugin.files.css[css] %>" rel="stylesheet">
    <% } %>

    </head>

    <body>

    <% for (var chunk in htmlWebpackPlugin.files.chunks) { %>
        <script type="text/javascript" src="<%=htmlWebpackPlugin.files.chunks[chunk].entry %>"></script>
    <% } %>

    </body>
    </html>

    其中提取CSS遍历的时候

    <% for (var css in htmlWebpackPlugin.files.css) { %>
        <link href="<%=htmlWebpackPlugin.files.css[css] %>" rel="stylesheet">
    <% } %>

    这段代码

    <link href="[object Object]" rel="stylesheet">

    遍历这以后是Object怎么解决?

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 放开那女孩儿 普通会员 1楼

      Webpack HTMLWebpackPlugin是一个用于处理HTML文件的插件,它可以帮助你将HTML文件转换为CSS文件、JavaScript文件等。如果你遇到Webpack HTMLWebpackPlugin的问题,你可以尝试以下步骤:

      1. 确保你已经安装了webpack和html-webpack-plugin。如果没有,可以使用npm或yarn进行安装:

      npm install webpack html-webpack-plugin

      或者

      yarn add webpack html-webpack-plugin

      1. 在你的webpack配置文件中,你需要导入并配置html-webpack-plugin。以下是一个简单的配置示例:

      ```javascript const HtmlWebpackPlugin = require('html-webpack-plugin');

      module.exports = { // ... plugins: [ new HtmlWebpackPlugin({ template: './public/index.html', inject: 'body' }) ] }; ```

      在上述代码中,我们创建了一个新的HtmlWebpackPlugin插件,并传入了一个模板文件和一个注入位置(即body)。

      1. 确保你的HTML文件路径正确。html-webpack-plugin会自动查找你的HTML文件。

      2. 确保你的HTML文件内容正确。如果你在模板文件中包含了CSS或JavaScript代码,那么这些代码会被Webpack解析并打包。

      如果你仍然遇到问题,可能需要检查你的HTML文件内容,确保它符合你的预期。你还可以尝试在开发环境中运行你的项目,看看问题是否在生产环境中出现。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部