vue脚手架中webpack的打包原理,vue脚手架的webpack是如何打包的?
2018-03-08 01:36
891 查看
vue脚手架写完代码后,要打包部署(打包)到web服务器上。
1、运行命令 npm run build。就完了,一步搞定。下面说一下vue脚手架中webpack的打包原理:
1、针对静态资源:很多人会把静态资源一部分存放在src/assets目录下,一部分存放在static目录下,我建议所有的静态资源都存放在src/assets下。
在webpack打包时,会在项目目录创建dist/static,在该目录存放所有的静态资源,同时还会在src/static目录下分别创建目录 img,css,js等目录存放不同类型的静态资源。
对于assets目录下的文件,会分类放入不同的文件夹下。
对于static目录下的文件,原封不动的复制到dist/stiatc下。
2、
相关文章推荐
- 16.如何做到webpack打包vue项目后,可以修改配置文件
- atool-build脚手架分析与webpack打包原理详解
- 详解如何使用webpack打包Vue工程
- 如何降低Vue.js项目中Webpack打包文件的大小?
- 一步步教你利用webpack如何搭一个vue脚手架(超详细讲解和注释)
- 如何使用webpack打包vue项目?
- webpack打包后该如何访问项目?
- Vue项目webpack打包部署到Tomcat刷新报404错误问题的解决方案
- 详解vue-cli快速构建vue应用并实现webpack打包
- vue的脚手架工具和webpack的使用
- 高性能流媒体服务器EasyDSS前端重构(一)-从零开始搭建 webpack + vue + AdminLTE 多页面脚手架
- vue和webpack打包项目相对路径修改的方法
- 使用Vue-cli下载一个以webpack打包的vue模板
- 利用webpack打包vue项目后在本地运行资源报404错误
- Vue工程模板文件 webpack打包配置方法
- 解决vue+webpack打包路径的问题
- webpack打包vue2.0项目时必现问题。
- vue-cli项目webpack打包后iconfont文件路径问题解决
- Vue项目webpack打包部署到服务器的实例详解
- Vue项目使用webpack打包时纯静态资源的处理