国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

仿探探卡片滑動vue封裝并發布到npm

xiaoqibTn / 361人閱讀

摘要:項目初始化使用方式比較方便和容易配置,原來的方式各種坑慎入項目結構如下所示更改配置修改修改改成封裝打包好自己的插件上傳到相應地址注冊就打包上傳成功了引入引入組件中使用附上地址戳我

項目初始化
使用 webpack-simple 方式比較方便和容易配置,原來的方式各種坑慎入

vue init webpack-simple vue-card-slide

cd  vue-card-slide

npm run dev

項目結構如下所示


更改webpack.config.js配置

entry: "./src/lib/index.js",

output: {

path: path.resolve(__dirname, "./dist"),

publicPath: "",

filename: "vue-card-slide.js",

library: "VueCardSlide",

libraryTarget: "umd",

umdNamedDefine: true}

修改package.json

"name": "vue-card-slide",
"description": "A vue plugin for Carousel Card Slide", 
"version": "1.1.1", 
"author": "carrie ", 
"license": "MIT", 
"private": false, 
"main": "dist/vue-card-slide.js", 
"repository": { 
"type": "git",
 "url": "https://github.com/Carrie999/vue-card-slide/" 
}

修改index.html
src="/dist/build.js" 改成 src="/dist/vue-card-slide.js"
封裝打包好自己的插件 上傳到相應git地址

npm 注冊 npm login npm publish 就打包上傳成功了

// ES6引入                               

import cardSlide from "vue-card-slide"   

// require引入

var cardSlide = require("CardSlide")

Vue.use(cardSlide)// 組件中使用

附上git地址戳我

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/52136.html

相關文章

  • 仿探探卡片滑動vue封裝發布npm

    摘要:項目初始化使用方式比較方便和容易配置,原來的方式各種坑慎入項目結構如下所示更改配置修改修改改成封裝打包好自己的插件上傳到相應地址注冊就打包上傳成功了引入引入組件中使用附上地址戳我 showImg(https://segmentfault.com/img/bV7RGd?w=320&h=467); 項目初始化使用 webpack-simple 方式比較方便和容易配置,原來的方式各種坑慎入...

    netScorpion 評論0 收藏0

發表評論

0條評論

xiaoqibTn

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<