为了账号安全,请及时绑定邮箱和手机立即绑定

如何在现有HTML项目加入webpack打包?

之前没有很关注webpack,但是现在遇到个不得不打包的html项目。
由于官方文档只介绍配置示例,所以很难有代入感。我认认真真看了官方文档1/3的内容且做了笔记,对于打包现有项目,依然没有头绪。

我自己配置了webpack,但是只能打包裸漏出来的文件内容:

http://img2.sycdn.imooc.com/60041149000147cb02000270.jpg

http://img1.sycdn.imooc.com/600411620001caf403480205.jpg

它如何将复杂的项目结构依赖打包?
比如我有个项目,目录结构如下:
|-index.html
|-css
    |-1.css
    |-2.css
    |-folder
|-fonts
|-images
|-imgs
    |-folder
|-js
    |-1.js
    |-folder
|-ring
    |-css
    |-images
    |-js
    |-edit.html
    |-pc.html
|-vtour
    |-css
    |-images
    |-js
    |-xml
    |-pc.html

http://img1.sycdn.imooc.com/600411e30001997901430528.jpg

正在回答

1 回答

给你点条路子,可以参照官方文档用 CopyWebpackPlugin 和 MiniCssExtractPlugin 😜

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

如何在现有HTML项目加入webpack打包?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信