webpack-dev-build

webpack、vue、webpack-dev-server、babel


Keywords
webpack, vue
License
ISC
Install
npm install webpack-dev-build@1.3.7

Documentation

webpack + vue + webpack-dev-server + babel

1.项目根目录下添加启动文件  echo "require('webpack-dev-build')" >  app.js

2.node 执行该app.js 文件即可

3.工具综合 webpack、webpack-dev-server、vue、gulp、git

4.页面入口默认为pages,单个页面pages下新建文件夹即可

5.单个页面文件夹name为输出目录的二级路径 例如 /pages/index

3.构建器只会读取文件夹为输出目录路径 故文件无效或错误

配置项为 .build-config.json

1.main 单个页面入口文件名 默认值main 实际为 main.js,

2.vertion 生产环境路径的版本号 默认无 示例 v1.0.0

3.baseEntryDir 入口的基目录 默认值pages 示例pages

3.openBrowser 是否自动打开浏览器 默认值true true为自动打开欢迎页

4.示例页面初始入口为 开启服务后自动起吊默认浏览器 
	http://127.0.0.1:8888/pages/welcome/index.html

启动开发服务 npm start

1.npm启动开发 package.json中scripts加入 "start" : "node ./启动文件"

3.如果没有安装开发相关依赖则退出并提醒安装

4.可以默认执行安装命令,需要临时修改npm包地址 防止天朝毙掉
	npm i --registry=https://registry.npm.taobao.org 

5.默认访问端口为8888  启动命令加 -- -p 端口号修改监听端口

6.1000 以下端口需要超级权限加sudo

postcss.config


## 生产环境构建 npm run build
    
    1.产出目录为dest/加版本号

    2.不支持部署组件部分需要手动上传线上CDN 或 服务器

## 代码检查
	
	1.git commit和 push会执行代码检查 需要预先安装 git

    // npm 包镜像 --registry=https://registry.npmjs.org/