阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      vue build 使用零配置在生产模式下构建 .js 或 .vue 文件

      功能

      使用零配置在生产模式下构建 .js 或 .vue 文件

      注意:生产模式的构建

      默认入口文件

      如果你默认直接使用使用vue build来启动,那么入口可以是下面中的一个。

      • main.js
      • index.js
      • App.vue
      • app.vue

      https://a.axihe.com/vue/vue-cli/mintty_f3lseTbKbn.png

      显式指定入口文件

      你也可以显式地指定入口文件

      vue build demo.vue
      

      https://a.axihe.com/vue/vue-cli/mintty_wWLaYOengB.png

      这样会指定以 demo.vue 作为入口

      其它

      使用 vue build -h 来查看更多可以用的选项

      -t, --target <target>  构建目标 (app | lib | wc | wc-async, default: app)
      -n, --name <name>      lib或Web组件模式的名称 (default: entry filename)
      -d, --dest <dir>       输出目录 (default: dist)
      -h, --help             输出帮助信息
      

      使用指定的构建方式

      vue build -t
      

      使用指定名称

      vue build -n
      

      使用指定输出目录

      vue build -d
      

      https://a.axihe.com/vue/vue-cli/mintty_cVqpg5ZgX7.png

      目录
      目录