想把项目公司一些基础公用组件进行封装,所以需要对单组件进行开发优化。使用到Vue Cli
官方文档:https://cli.vuejs.org/zh/guide/build-targets.html
1、一个新环境,需要安装Vue Cli
npm install -g @vue/cli
npm install -g @vue/cli-service-global
2、创建项目(已经在事先创建目录下,使用.
)
vue create .
3、安装less
npm install less less-loader@6.1.1
4、开始写代码
5、运行命令跑起来
vue serve Info001/index.vue
6、效果如图
7、构建vue build
重要参数--target
目标 | 描述 |
---|---|
app | 应用 (默认) |
lib | 组件 |
wc | 浏览器组件 |
wc-async | 异步浏览器组件 |
这里我们使用
vue build -t lib -n index ./Info001/index.vue
效果如下:
8、打包结果在dist
中