lxf v1.0.1

lxf

npm插件

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

npm i lxf // 安装

For detailed explanation on how things work, consult the docs for vue-loader.

封装vue的插件用webpack-simple很合适，vue init webpack-simple vue-gitment

1.在src下新建lib文件夹（目录），建好后在此lib文件夹下分别建一个index.js（插件）和一个.vue文件

2.修改package.json（dependencies下存放插件文件）安装一些你需要的不需要则省略这步

3.修改webpack.config.js（更改下面注释的） entry: './src/main.js', output: { path: path.resolve(dirname, './dist'), publicPath: '/dist/', filename: 'build.js' } 变为：（打包好后改回来再打包一个） entry: './src/lib/index.js', output: { path: path.resolve(dirname, './dist'), publicPath: '/dist/', filename: 'vue-gitment.js', library: 'VueGitment', libraryTarget: 'umd', umdNamedDefine: true }

4.修改index.html（类似第三步）

<script src="/dist/build.js"></script>
<!-- <script src="/dist/vue-gitment.js"></script> -->

5.首先测试build是否成功 npm run build dist目录会生成如下文件 vue-gitment.js vue-gitment.js.map

6.注册个npm账号，在你要发布的项目目录执行npm login，输入账号密码和邮箱，然后npm publish就发布成功了，npm install npm publish验证时的坑：qq邮箱在垃圾邮箱里面