webpack基本配置

vue-cli脚手架中webpack配置基础文件详解

• webpack.conf.js

entry ：入口文件地址，让webpack用哪个文件作为项目的入口
output 出口 让webpack把处理完成的文件放在哪里
module 模块 要用什么不同的模块来处理各种类型的文件
plugins 插件 用来配置需要用到的插件
resolve 用来设置路径指向

 

webpack打包原理

把所有非js资源转化成js。

vue开发时，我们会把静态资源放在src/assets或者src/static下，webpack打包时，会在项目目录创建dist/static,在该目录存放所有静态资源，同时还会在src/static目录下分别创建目录 img，css，js等目录存放不同类型的静态资源。

对于assets目录下的文件，会分类放入不同的文件夹下。

对于static目录下的文件，原封不动的复制到dist/stiatc下。