脚手架基本配置—以及介绍
接上篇文章 点击跳转上篇文章我们已经成功搭建了vue的脚手架了!但是我们还缺少一些基本的配置(如:跨域,一些插件配置,关闭eslint)
在配置前我们先简单介绍下脚手架各个文件的作用吧
node_modules 是这个依赖文件 是你npm安装的所有依赖都在这个文件夹下
public 有的时候这个文件也可以处理一些静态资源文件 就是一些图片什么的也可以放在这个文件里面和src下asset文件有类似功能
在public文件下
index.html 主配置页面所有的vue页面最后都会被打进这个html 这个html我们可以通过src引入一些库什么的
src文件 源码文件!是我们常用的文件夹
在src下
src—assetes 静态资源文件夹 可以放置一些图片,以及静态资源
src—components 放组件的地方
src—router 路由配置文件
src—store 状态管理文件 VueX
src—view 放页面的地方
main.js 主配置文件
App.vue 项目入口页面(组件)
基础配置
在根目录下创建vue.config.js文件 配置相关内容!注意配置完成后一定要重新启动
module.exports = {
// 基本路径
publicPath: './', //部署应用包时的基本 URL
outputDir: 'dist', // 输出文件目录
assetsDir: '',//放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录
runtimeCompiler: false, //是否使用包含运行时编译器的 Vue 构建版本。设置为true可以使用template
productionSourceMap: false,//生产环境是否生成 sourceMap 文件
lintOnSave: false,//关闭eslint
chainWebpack(config) {