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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    编译后:webpack中关于css和html中图片路径,期望html在dist根目录,css文件在dist/css文件夹下
    38
    0

    问题:webpack中关于css和html中图片路径问题,
    期望:html在根目录,css文件在css文件夹下

    类似这样的目录结构

        dist/
        --css/
           --main.css
        --images/
        --index.html

    当前解决办法是index.html和css文件放在同一目录下

    3
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 我这在哪 普通会员 1楼

      在webpack中,你可以通过设置output.filename来指定CSS文件的输出路径。你可以将其设置为'dist/css/[name].[ext],其中[name]是你想要的文件名,[ext]是你想要的扩展名。

      如果你想将CSS文件输出到dist/css目录下,你可以将其设置为'dist/css/[name].[ext]。但是,你还需要确保HTML文件也包含<link>标签,以便CSS文件可以正确地链接到HTML文件。

      以下是一个例子:

      javascript module.exports = { // ... output: { filename: 'dist/css/[name].[ext]', path: path.resolve(__dirname, 'dist/css'), }, // ... };

      在这个例子中,CSS文件将输出到dist/css/[name].[ext],HTML文件将链接到dist/css/[name].[ext]

      注意,这个设置将覆盖默认的CSS文件输出路径。如果你想保留默认的输出路径,你可以设置output.path

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