上QQ阅读APP看书,第一时间看更新
1.4.3 使用默认目录配置
上面的index.js是放在工程根目录下的,而通常情况下我们会分别设置源码目录与资源输出目录。工程源代码放在/src中,输出资源放在/dist中。本书后续章节的示例也会按照该标准进行目录划分。
在工程中创建一个src目录,并将index.js和add-content.js移动到该目录下。对于资源输出目录来说,Webpack已经默认是/dist,我们不需要做任何改动。
另外需要提到的是,Webpack默认的源代码入口就是src/index.js,因此现在可以省略掉entry的配置了。编辑package.json:
…… "scripts": { "build": "webpack --output-filename=bundle.js --mode=development" }, ……
虽然目录命名并不是强制的,Webpack提供了配置项让我们去进行更改,但还是建议遵循统一的命名规范,这样会使得大体结构比较清晰,也利于多人协作。