一张白纸开始:(借鉴)
1.安装vue-cli及初始化yi-clock项目 (查看源码)
npm install -g vue-cli
vue init webpack-simple yi-clock
2./src下创建lib文件夹及clock.vue、index.js
这边的clock.vue写一个自己的组件,index.js写配置
3.修改webpack.config.js的打包名称
output: {
path:path.resolve(__dirname,'./dist'),publicPath:'/dist/',
filename:'clock.js',
library:'clock',// library指定的就是你使用require时的模块名,这里便是require("toastPanel")
libraryTarget:'umd',//libraryTarget会生成不同umd的代码,可以只是commonjs标准的,也可以是指amd标准的,也可以只是通过script标签引入的。
umdNamedDefine:true // 会对 UMD 的构建过程中的 AMD 模块进行命名。否则就使用匿名的 define。
}
4.修改package.json
"name":"yi-clock",
"private":false,
"main":"dist/clock.js",
5.打包 npm run build
//---------------------------------以上5个步骤已经准备好vue组件了-----------------------------
6.开始发布到npm,先登录npm
npm login
npm publish