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服务的配置信息,做跨域时可在里面设置信息

 

         

 

posted @ 2018-04-09 17:04  零碎沉默  阅读(133)  评论(0编辑  收藏  举报