javascript - webpack目录结构是怎样的？

问题描述

问 题

RT

之前一直使用GULP，最新才刚接触webpack

之前的目录结构是这样的

使用gulp后，相当于压缩合并文件后复制了一份变成

dist
 --css
 --fonts
 --images
 --js
 index.html
 just-dome.html

其中app和dist目录下的html引用的JS/CSS/图片可以说是互不相干的

最近开始接触webpack

问题:

1、貌似webpack中只需要有一份html, 直接引用打包后的JS/CSS等，那么HTML文件直接放在最外层目录么？
2、HTML不能引用未打包的module.exports内容的js文件，那么调试时，全都要使用sourcemap么？
3、有哪位能发个目录结构看一下么？- -看了网上很多webpack相关内容，发现结构都不一样，对目录结构流程比较迷糊。。

不知道我现在这样的结构对不对

解决方案

你这样的结构是没问题的，但是你第一点你以为的，错了。

webpack 只输出 js，html 引用也只引用 js，不引用 css。引用 css 的是 js 。

这篇关于javascript - webpack目录结构是怎样的？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！