vue-cli3打包项目

vue-cli3打包项目

使用vue-cli3开发好项目后，就可以将它打包，这样就可以通过输出文件中的index.html来访问该项目了。
在打包项目之前需要先修改两个文件，分别是vue.config.js,router/index.js。
如果没有vue.config.js文件的话就需要手动创建此文件，并输入publicPath=’./’。

module.exports = {
  publicPath: './'
}

注释router/index.js中的mode:‘history’,采用hash模式

const router = new VueRouter({
  //mode: 'history',
  base: process.env.BASE_URL,
  routes
})

修改完这两个文件后使用npm run build 命令将项目打包。

出现以上结果表示打包成功，此时项目中会多出一个dist文件夹，这个文件夹存放的就是项目的输出文件。

此时你可以通过访问dist文件夹中的index.html访问项目。

注意：在开发好项目之后应该先配置一些文件，不是立马就使用npm run build 命令对齐进行打包，这是不可取的。