Vue2.0 vue/cli 修改默认配置

main.js文件时vue脚手架的入口文件，你不能随便改，如果真改了一个比如ni.js的名称,控制台就报错

Vue底层的配置就是找你的main.js你只要没有，我就报错。那么问题是你咋配置的?

Vue脚手架依托的是webpack,webpack想工作就要依托webpack.config.js配置文件

Vue脚手架做了一件事:把所有重要的配置文件都给你隐藏了，它怕你把它碰坏了

其实可以看的

Vue脚手架隐藏了所有webpack相关配置，若想查看具体的webpack配置

请执行:

vue inspect > output.js

先不让它报错:

const a = {...}

或

export default{...}

---

在里面搜main.js

entry: {
    app: [
      './src/main.js'
    ]
  }

entry:入口

在里面搜index.html

ignore: [
    '.DS_Store',
    {
        glob: 'index.html',
        matchBase: false
    }
]

这里是不能该配置的output.js只是输出给你看一下

如果你采用脚手架默认的配置，那些东西你不能随便改名字:

• public文件夹不能随便改
• index.html也不能改
• favicon.icon网站的固定页签图标 也不能改
• src文件夹你不能改
• main.js文件你不能改

至于这里面其他的你可以随便改,那能改的东西我们怎么去修改,Vue给你了一个渠道去改:

vue.config.js

vue.config.js中所有出现在的都是可以改的

借助一个vue.config.js配置文件,这个是调整脚手架的工作模式

放在跟全局的package.json同级的目录下

用的时候现用现查即可

现在我们左侧点击page，代码复制到vue.config.js

module.exports = {
  pages: {
    index: {
      // page 的入口
      entry: 'src/index/main.js',
      // 模板来源
      template: 'public/index.html',
      // 在 dist/index.html 的输出
      filename: 'index.html',
      // 当使用 title 选项时，
      // template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
      title: 'Index Page',
      // 在这个页面中包含的块，默认情况下会包含
      // 提取出来的通用 chunk 和 vendor chunk。
      chunks: ['chunk-vendors', 'chunk-common', 'index']
    },
    // 当使用只有入口的字符串格式时，
    // 模板会被推导为 `public/subpage.html`
    // 并且如果找不到的话，就回退到 `public/index.html`。
    // 输出文件名会被推导为 `subpage.html`。
    subpage: 'src/subpage/main.js'
  }
}

vue.config.js这个文件最终输送给webpack,webpack是基于node.js的

我们留一个玩玩:

module.exports = {
  pages: {
      //入口
      entry: 'src/ysn.js',
  }
}

它给你这个文件去跟原文件做对比，你可以在这修改，但是不能去碰原来的配置

module.exports = {
  pages: {
  	index:{
      	//入口
      	//entry: 'src/ysn.js',
      }
  }
}

如果你直接注释要用的时候你再用，这样的话你就over了,它会拿着你的pages发现你里面没有配置任何东西

怎么关闭语法检查

在开发中如果你不想要没调用函数或属性时，就老是语法检查错误，你可以尝试关闭

在vue.config.js里面找,就是lintonsave

跟pages平级

module.exports = {
  pages: {
  	index:{
      	//入口
      	//entry: 'src/ysn.js',
      }
  },
  lintOnSave:false//关闭语法检查
}