21/02/14 Vue的打包

发布于 2021-02-14  141 次阅读


Vue-cli脚手架相关操作

安装vue-cli

npm i -g vue-cli

初始化

vue init webpack xxx

运行

npm run dev

打包

npm run build

安装&使用serve

npm i -g serve

serve xxx xxx为目录

Vue-cli文用途

Vue文件的模板

如何忽略eslint的语法检查

  • 打开eslintrc.js文件(rc指的是Runtime Configuration运行时配置)
  • 然后在rules属性添加对应的报错,设置为off或者0

打包成指定文件夹

项目目录的build文件夹下webpack.prod.conf.js文件的 webpackConfig output添加配置plipublicPath:'/xxx/'xxx为指定目录文件夹

实际应用中遇到的问题

  • components属性是一个对象值,不能写成数组值

https://xxcheng.top/tools/pages/demo/vue/first_vue_demo


一沙一世界,一花一天堂。君掌盛无边,刹那成永恒。