Vue 3.0组件库初始化

该项目使用rollup.js进行打包

新建一个空文件夹后，进入进行项目初始化

npm init -y

全局安装rollup.js

npm i rollup -g

安装组件库相关的插件

• rollup-plugin-node-resolve 集成外部模块，解决插件依赖问题
• babel-node @babel/core ，让代码能够在node环境里运行es6语法
• rollup-plugin-commonjs 让代码支持common.js语法
• rollup-plugin-babel 让代码支持es6语法
• rollup-plugin-json 支持json模块
• rollup-plugin-terser 压缩代码

vue 的相关插件

• rollup-plugin-vue
• rollup-plugin-postcss
• @vue/compiler-sfc 支持vue3.0语法
• sass

创建.babelrc 文件后
安装 @babel/preset-env

{
   
  "presets": [
    "@babel/env"
  ]
}

package.json文件

{
   
  "name": "libs-dev",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
   
    "dev": "rollup -wc rollup.config.dev.js",
    "build":