vue/cli的配置详解

查看vue/cli的配置

vue的脚手架隐藏了所有的webpack相关的配置,若是想要查看webpack的配置
你可以去执行 
vue inspect > output.js
这样就可以查看它的配置;
执行后,需要等待几秒钟。
会输出一个output.js文件

entry: {
    app: [
      './src/main.js'
    ]
}
说明入口文件确实是main.js

vue.config.js的使用

 vue.config.js是一个可选的配置文件,
 和项目的 (和 package.json 同级的) 
 它可以更改入口文件的配置
 比如说我们需要将入口文件的main.js更改为peiqi.js
 就需要这样配置,同时你需要将main.js更改为peiqi.js
 module.exports = {
  pages: {
    index: {
      // page 的入口
      entry: 'peiqi.js',
  }
}

需要注意的地方

vue.config.js 每一次修改后需要重新启动。
关于vue.config.js更多详情:https://cli.vuejs.org/zh/config/#css-extract
posted @ 2021-10-28 21:35  南风晚来晚相识  阅读(395)  评论(0编辑  收藏  举报