vue基于webpack说明
1、文件build里的check-versions.js:检查node和npm版本, 此文件里的
(1)require('chalk')引入一个模块,定义输入终端样式
(2) require('semver')处理版本号
(3)require('shelljs')执行终端命令
(4)versionRequirements={}定义版本需求
2、文件build里的dev-server.js里
(1)require('opn')自动打开浏览器
(2)require('path')处理路径相关
(3)require('express')快速搭建node服务
(4)require('http-proxy-middleware')做HTTP协议代理中间件
(5)require('./webpack.dev.conf')开发环境webpack配置
3、文件build里的webpack.base.conf.js里
(1) output下publicPath是请求静态资源路径
(2) module是处理项目中的不同模块
4、文件build里的utils.js里require('extract-text-webpack-plugin')抽离CSS,如打包时把JS打包到JS,此函数可以从中抽离CSS
5、文件build里的webpack.dev.conf.js里
(1)require('html-webpack-plugin')根据模板生成html文件,动态把打包后的JS文件插入HTML文件
(2)require('friendly-errors-webpack-plugin')友好的错误提示插件
6、文件build里的dev-server.js里的config.dev.proxyTable:获取需要代理http服务的配置信息,做跨域时可在里面设置信息
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步