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邮箱在垃圾邮箱里面