vue配置文件参数讲解
2018-02-01 09:33
357 查看
vue 中build/build.js页面
1 // https://github.com/shelljs/shelljs 2 require('./check-versions')() // 检查 Node 和 npm 版本 3 require('shelljs/global') // 使用了 shelljs 插件,可以让我们在 node 环境的 js 中使用 shell 4 env.NODE_ENV = 'production' 5 6 var path = require('path') 7 var config = require('../config') // 加载 config.js 8 var ora = require('ora') // 一个很好看的 loading 插件 9 var webpack = require('webpack') // 加载 webpack 10 var webpackConfig = require('./webpack.prod.conf') // 加载 webpack.prod.conf 11 12 console.log( // 输出提示信息 ~ 提示用户请在 http 服务下查看本页面,否则为空白页 13 ' Tip:\n' + 14 ' Built files are meant to be served over an HTTP server.\n' + 15 ' Opening index.html over file:// won\'t work.\n' 16 ) 17 18 var spinner = ora('building for production...') // 使用 ora 打印出 loading + log 19 spinner.start() // 开始 loading 动画 20 21 /* 拼接编译输出文件路径 */ 22 var assetsPath = path.join(config.build.assetsRoot, config.build.assetsSubDirectory) 23 rm('-rf', assetsPath) /* 删除这个文件夹 (递归删除) */ 24 mkdir('-p', assetsPath) /* 创建此文件夹 */ 25 cp('-R', 'static/*', assetsPath) /* 复制 static 文件夹到我们的编译输出目录 */ 26 27 webpack(webpackConfig, function (err, stats) { // 开始 webpack 的编译 28 // 编译成功的回调函数 29 spinner.stop() 30 if (err) throw err 31 process.stdout.write(stats.toString({ 32 colors: true, 33 modules: false, 34 children: false, 35 chunks: false, 36 chunkModules: false 37 }) + '\n') 38 })
项目入口,由package.json 文件可以看出
node build/build-watch.js 是我配置的载production环境的配置基础上在webpack的配置模块加上 watch:true 便可实现代码的实时编译jiangjie
相关文章推荐
- log4net配置文件的设置及常用参数讲解
- log4net配置文件的设置及常用参数讲解
- 21-Heartbeat配置文件authkey重要参数讲解
- 配置文件 DecodingRefreshType 参数讲解
- ssh-server配置文件参数PermitRootLogin介绍
- informatica 参数文件配置
- nginx配置文件中使用时间戳参数
- Samba配置文件常用参数详解
- hbase-1.0.2所有配置文件参数
- Samba配置文件常用参数详解
- 修改Nginx与Apache配置参数解决http状态码:413上传文件大小限制问题
- 默认值配置文件:xinetd.conf: 重要参数说明
- Redhat中通过命令工具和配置文件设置TCP/IP参数
- notes.ini文件的配置参数详解
- MongoDB3.4配置文件参数选项
- redis配置文件参数
- MyBatis配置文件配置数据库的参数中 最大连接数和任意时间存在的空闲连接数不能为空
- C# App.config配置文件的讲解
- 关于ssh 配置文件的参数说明
- 在类中获取jeeplus.properties配置文件中的参数