vue-webpack的基本使用
在实际的前端开发中,一个模块化的项目通常会有这两个文件夹:src 和 dist,如下:
src是开发人员写代码的地方,dist是src代码书写完毕,使用打包工具打包后存放的地方;一般放在dist的代码可直接部署到服务器去运行即可。
通常在项目的根目录下,会有一个index.html以及其他配置文件,这些东西到时候是要跟dist一起发布到服务器的,因此这些东西,比如index.html依赖的文件都是在dist下的,而不是src,比如:
还有要注意的是,使用webpack打包src的代码时,一般指定一个入口文件即可,因为webpack他能处理模块的依赖关系并进行打包的,src下的入口通常是main.js或index.js,而dist下的入口是bundle.js