今天讲述一下vue-config.js配置，我们前面搭建好脚手架会发现,这个对比2.x版本少了很多东西,没有build的配置,也没有webpack的配置,那么问题来了,我们如何去开发我们的项目呢,比如设置代理,打包配置等问题呢?

 

　　vuecli3.0项目中需要配置其他参数时，需要新建文件'vue.config.js'，(这文件名是固定这么写的)，与package.json在同一级目录下。

 

　　module.exports={

 

　　//项目部署的基础路径

 

　　//我们默认假设你的应用将会部署在域名的根部，

 

　　//比如https://www.my-app.com/

 

　　//如果你的应用时部署在一个子路径下，那么你需要在这里

 

　　//指定子路径。比如，如果你的应用部署在

 

　　//https://www.foobar.com/my-app/

 

　　//那么将这个值改为`/my-app/`

 

　　baseUrl:'/Reader/dist/',/*这个是我存放在github在线预览的项目*/

 

　　//将构建好的文件输出到哪里

 

　　outputDir:'dist',

 

　　//放置静态资源的地方(js/css/img/font/...)

 

　　assetsDir:'',

 

　　//用于多页配置，默认是undefined

 

　　pages:{

 

　　index:{

 

　　//入口文件

 

　　entry:'src/main.js',/*这个是根入口文件*/

 

　　//模板文件

 

　　template:'public/index.html',

 

　　//输出文件

 

　　filename:'index.html',

 

　　//页面title

 

　　title:'IndexPage'

 

　　},

 

　　//简写格式

 

　　//模板文件默认是`public/subpage.html`

 

　　//如果不存在，就是`public/index.html`.

 

　　//输出文件默认是`subpage.html`.

 

　　subpage:'src/main.js'/*注意这个是*/

 

　　},

 

　　//是否在保存的时候使用`eslint-loader`进行检查。

 

　　//有效的值：`ture`|`false`|`"error"`

 

　　//当设置为`"error"`时，检查出的错误会触发编译失败。

 

　　lintOnSave:true,

 

　　//使用带有浏览器内编译器的完整构建版本

 

　　//查阅https://cn.vuejs.org/v2/guide/installation.html#运行时-编译器-vs-只包含运行时

 

　　runtimeCompiler:false,

 

　　//babel-loader默认会跳过node_modules依赖。

 

　　//通过这个选项可以显式转译一个依赖。

 

　　transpileDependencies:[/*stringorregex*/],

 

　　//是否为生产环境构建生成sourcemap？

 

　　productionSourceMap:true,

 

　　//调整内部的webpack配置。

 

　　//查阅https://github.com/vuejs/vue-docs-zh-cn/blob/master/vue-cli/webpack.md

 

　　chainWebpack:()=>{},

 

　　configureWebpack:()=>{},

 

　　//CSS相关选项

 

　　css:{

 

　　//将组件内的CSS提取到一个单独的CSS文件(只用在生产环境中)

 

　　//也可以是一个传递给`extract-text-webpack-plugin`的选项对象

 

　　extract:true,

 

　　//是否开启CSSsourcemap？

 

　　sourceMap:false,

 

　　//为预处理器的loader传递自定义选项。比如传递给

 

　　//sass-loader时，使用`{sass:{...}}`。

 

　　loaderOptions:{},

 

　　//为所有的CSS及其预处理文件开启CSSModules。

 

　　//这个选项不会影响`*.vue`文件。

 

　　modules:false

 

　　},

 

　　//在生产环境下为Babel和TypeScript使用`thread-loader`

 

　　//在多核机器下会默认开启。

 

　　parallel:require('os').cpus().length>1,

 

　　//PWA插件的选项。

 

　　//查阅https://github.com/vuejs/vue-docs-zh-cn/blob/master/vue-cli-plugin-pwa/README.md

 

　　pwa:{},

 

　　//配置webpack-dev-server行为。

 

　　devServer:{

 

　　open:process.platform==='darwin',

 

　　host:'0.0.0.0',

 

　　port:8080,

 

　　https:false,

 

　　hotOnly:false,

 

　　//查阅https://github.com/vuejs/vue-docs-zh-cn/blob/master/vue-cli/cli-service.md#配置代理

 

　　proxy:null,//string|Object

 

　　before:app=>{}

 

　　},

 

　　//三方插件的选项

 

　　pluginOptions:{

 

　　//...

 

　　}

 

　　}

 

　　注：注意上面我加厚蓝色的标记，别错改。

 

　　接着.gitignore去掉/dist/就可以用npmrunbuild编译打包然后上传就可以实现https://root-lucas.github.io/Reader/dist/在线预览了。