javascript - webpack目录结构是怎样的?
ringa_lee
ringa_lee 2017-04-11 13:21:23
[JavaScript讨论组]

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相关内容,发现结构都不一样,对目录结构流程比较迷糊。。

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

ringa_lee
ringa_lee

ringa_lee

全部回复(2)
PHP中文网

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

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

PHPz

文件目录结构都是自己定的,没有绝对的正误,但是我建议按页面来划分模块,每个页面的资源(js/css/image/html)都放在同一个目录里

来看看这个系列文章《webpack多页应用架构系列(一):一步一步解决架构痛点》和这个脚手架项目:Array-Huang/webpack-seed你就明白了哈

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号