2019/02/20
【ラクスル×KCF】FrontendNight
【ラクスル×KCF】FrontendNight
【ラクスル×KCF】FrontendNight
【ラクスル×KCF】FrontendNight
【ラクスル×KCF】FrontendNight
【ラクスル×KCF】FrontendNight
【ラクスル×KCF】FrontendNight
mbp% npm adduser
Username: teinen
Password:
Email: (this IS public) teinen.github@gmail.com
Logged in as teinen on https://registry.npmjs.org/.
【ラクスル×KCF】FrontendNight
$ npm install -g @vue/cli
$ vue create vue-seek-bar
// main.js
import VueSeekBar from "./VueSeekBar";
export default VueSeekBar;
【ラクスル×KCF】FrontendNight
{
"name": "vue-seek-bar",
"version": "0.1.0",
"private": false,
"main": "./dist/vue-seek-bar.umd.js",
"files": [
"dist"
],
"scripts": { ... },
"dependencies": { ... },
"devDependencies": { ... }
}
必要な設定はいろいろあるが、
name, main, files は特に重要
【ラクスル×KCF】FrontendNight
"scripts": {
"build": "vue-cli-service build --target lib --name vue-seek-bar ./src/main.js",
},
【ラクスル×KCF】FrontendNight
$ npm run build
⠹ Building for production as library (commonjs,umd,umd-min)...
DONE Compiled successfully in 3936ms 10:53:34
File Size Gzipped
dist/vue-seek-bar.umd.min.js 5.13 KiB 1.81 KiB
dist/vue-seek-bar.umd.js 18.68 KiB 4.06 KiB
dist/vue-seek-bar.common.js 18.19 KiB 3.92 KiB
dist/vue-seek-bar.css 0.33 KiB 0.23 KiB
【ラクスル×KCF】FrontendNight
【ラクスル×KCF】FrontendNight
【ラクスル×KCF】FrontendNight